đồ án thiết kế giao diện cho ứng dụng bán điện thoại

Phần 1 Cơ sở lý thuyết 1 Lý thuyết màu sắc  Có 2 hệ màu RGB(+) Được sử dụng trong các ứng dụng thiết kế trang web và các thiết bị điện tử Trong đó,R nghĩa là Red(Đỏ),G nghĩa là Green(Xanh lá) và B nghĩa là Blue(Xanh dương) CMYK( ) Thường được sử dụng trong thiết kế và in ấn Trong đó,C nghĩa là Cyan(Xanh lơ),M nghĩa là Magenta(Hồng sẫm),Y nghĩa là Yellow(Vàng),K nghĩa là Key(Đen) Hệ màu sắc trong tự nhiên là màu trừ(Hấp thụ ánh sáng) Ánh sáng mặt trời là màu cộng (được tập hợp bởi 7 màu tại mỗi.

Phần 1:Cơ sở lý thuyết Lý thuyết màu sắc  Có hệ màu: RGB(+):Được sử dụng ứng dụng thiết kế trang web thiết bị điện tử.Trong đó,R nghĩa Red(Đỏ),G nghĩa Green(Xanh lá) B nghĩa Blue(Xanh dương) CMYK(-):Thường sử dụng thiết kế in ấn.Trong đó,C nghĩa Cyan(Xanh lơ),M nghĩa Magenta(Hồng sẫm),Y nghĩa Yellow(Vàng),K nghĩa Key(Đen) Hệ màu sắc tự nhiên màu trừ(Hấp thụ ánh sáng).Ánh sáng mặt trời màu cộng (được tập hợp màu thời điểm thích hợp)  Vịng màu sắc: Đỏ,cam,vàng,lục,lam,chàm,tím mà sắc hệ màu  Chia thành bậc: Màu bậc 1:Là màu khơng có màu pha màu là:Đỏ,vàng xanh dương Màu bậc 2:Là màu pha từ màu bậc Màu bậc 3:Là màu pha từ màu bậc với màu bậc để sinh màu bậc  Màu tương đồng: Là màu nằm cạnh đem lại cảm giác hài hòa cho  Màu tương phản: Là hai màu đối lập lẫn vòng màu sắc.Khi phối cặp màu đối lập lại với làm bật hai bên.Ví dụ:Hai cặp màu đối lập cam tím sử dụng thiết kế logo ngân hàng TPBank  Màu nóng Là màu tạo từ số màu đỏ, da cam, vàng.Khi sử dụng màu thiết kế giúp ta cảm nhận ấm cúng,thể ấn tượng,đam mê,hạnh phúc,năng động tràn đầy lượng  Màu lạnh Là gồm màu dịu nhẹ như: xanh lam, xanh lá, màu tím nhạt,… Khi sử dụng màu thiết kế giúp tạo nên cảm giác dễ chịu thoải mái,nhẹ nhàng êm dịu,yên bình yên tĩnh  Ý nghĩa màu sắc: Tùy thuộc vào quốc gia mà màu sắc mang ý nghĩa khác nhau.Ví dụ: Trên giới, màu tím biểu trưng cho quyền lực, giàu có độc quyền số quốc gia như:Brazil,Ấn độ máu tím lại tượng trưng cho chết chóc đen đủi Bố cục  Bố cục: Là nghệ thuật xếp  Tỉ lệ vàng: Là tỉ lệ người tạo ra,do tự nhiên mà có(trong tự nhiên) A B Cơng thức tính tỉ lệ vàng: = Phi:Được đặt tỉ lệ vàng Phi(1,618)= Φ=φ(Ký hiệu) A +B =1,618 B  Bố cục phần 3: Là chia thành nhau.Khi đó,sẽ tạo thành điểm giao nhau.Khi muốn thu hút ý đặt đối tượng vào điểm điểm giao đem lại hiệu ứng thị giác cho người nhìn Thường dừng đưa ảnh vào website để tạo ý  Tỉ lệ đối xứng: Khi không gian đồng màu sắc,khi sử dụng tỉ lệ đối xứng Chỉ sử dụng làm không gian có chủ thể nhất.Ví dụ:Trên tường có đồng hồ Hạn chế:Ít chủ thể hạn chế mặt không gian  Bố cục lưới: Khi có khơng gian mà chẳng biết làm căng dây lưới.Căng dây lưới áp dụng theo tỉ lệ vàng.Nội dung đưa vào ô để làm bật chủ thể không đặt vào điểm giao nhau.Để nội dung gọn vào ô  Tỉ lệ xếp chồng: Vẽ lưới không vẽ lưới theo chiều dọc vẽ theo chiều ngang,tính theo tỉ lệ vàng tỉ lệ gấp đôi  Tỉ lệ gấp đơi: Chiều cao chữ cao biên lề cách nhiêu Dùng để chỉnh chữ lề.Thường dung menu Phần 2:Thiết kế sản phẩm Bản phác thảo: 1.1:Phác thảo giao diện User Hình 1:Giao diện đăng ký Hình 2:Giao diện đăng nhập Hình 3:Giao diện quên mật Hình 4:Giao diện cấp lại mật Hình 5:Giao diện xác định mã OTP Hình 6:Giao diện thơng tin người dùng Hình 7:Giao diện trang chủ Hình:Giao diện quên mật Hình:Giao diện cấp lại mật Hình:Giao diện xác nhận mã OTP Hình:Giao diện thơng tin người dùng Hình:Giao diện trang chủ ... 1.2:Phác thảo giao diện Admin Giao diện login Giao diện chi tiết sản phẩm Giao diện chỉnh sửa sản phẩm Giao diện thống kê Giao diện sản phẩm Giao diện thêm sản phẩm Giao diện nhập hàng Giao diện mẫu:... Phần 2 :Thiết kế sản phẩm Bản phác thảo: 1.1:Phác thảo giao diện User Hình 1 :Giao diện đăng ký Hình 2 :Giao diện đăng nhập Hình 3 :Giao diện quên mật Hình 4 :Giao diện cấp lại mật Hình 5 :Giao diện. .. Giao diện mẫu: 2.1 :Giao diện mẫu User: Hình :Giao diện đăng ký Hình :Giao diện đăng nhập Hình :Giao diện quên mật Hình :Giao diện cấp lại mật Hình :Giao diện xác nhận mã OTP Hình :Giao diện thơng tin người