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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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) 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= A +B B =1,618 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ủ 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 dùng Hình:Giao diện trang chủ Hình:Giao diện danh mục sản phẩm Hình:Giao diện chi tiết sản phẩm Hình:Giao diện giỏ hàng tốn sản phẩm Hình:Giao diện đơn hàng Hình:Giao diện hủy đơn hàng 2.2:Giao diện mẫu Admin ... 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

Ngày đăng: 10/12/2022, 07:09

Tài liệu cùng người dùng

Tài liệu liên quan