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

download by : skknchat@gmail.com download by : skknchat@gmail.com 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: download by : skknchat@gmail.com 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) Cơng thức tính tỉ lệ vàng: A B= A +B B =1,618 Phi:Được đặt tỉ lệ vàng Phi(1,618)= Φ=φ(Ký hiệu) download by : skknchat@gmail.com download by : skknchat@gmail.com 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 download by : skknchat@gmail.com 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 download by : skknchat@gmail.com 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 download by : skknchat@gmail.com Hình 6:Giao diện thơng tin người dùng download by : skknchat@gmail.com Hình 7:Giao diện trang chủ download by : skknchat@gmail.com Hình:Giao diện quên mật Hình:Giao diện cấp lại mật download by : skknchat@gmail.com Hình:Giao diện xác nhận mã OTP Hình:Giao diện thơng tin người dùng download by : skknchat@gmail.com Hình:Giao diện trang chủ download by : skknchat@gmail.com ... 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 download by : skknchat@gmail.com Hình 3 :Giao diện quên mật Hình 4 :Giao diện. .. skknchat@gmail.com 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 download by : skknchat@gmail.com Hình :Giao diện quên mật Hình :Giao diện cấp lại mật download... 11 :Giao diện đơn hàng download by : skknchat@gmail.com 1.2:Phác thảo giao diện Admin Giao diện login Giao diện chi tiết sản phẩm download by : skknchat@gmail.com Giao diện chỉnh sửa sản phẩm Giao