Buổi 4 - Color, Text, Layout

Kiểu chữ quan trọng như thế nào trong thiết kế UI/UX

• Truyền đạt thông tin cần thiết

• Tăng cường khả năng đọc và truy cập

• Tạo cảm giác nhất quán cho sản phẩm

• Cả 3 phương án trên

Màu sắc đóng vai trò gì thiết kế giao diện

• Màu sắc không chỉ là yếu tố thị giác. Chúng có khả năng giao tiếp, ảnh hưởng đến quyết định và điều khiển cảm xúc nhờ biểu tượng màu sắc

• Màu sắc là đặc trưng của nhận thức thị giác được mô tả thông qua các loại màu, với các tên như đỏ, cam, vàng, xanh lá cây, xanh dương hoặc tím

• Giúp người dùng nhận biết

• Tăng tính thẩm mĩ

Cách chọn font chữ cho sản phẩm

• Định hình tính cách, thông điệp của sản phẩm muốn truyền tải

• Tham khảo nhiều nguồn

• Less is more

• Đánh giá khả năng đọc

Font chữ giúp người dùng thể nào trên sản phẩm

• Hướng dẫn người dùng đi đến và hoàn thành mục tiêu

• Ở lại trang web lâu hơn

• Không giúp gì mấy, đọc được là được

• Nắm bắt được phong cách sản phẩm

Bước 1 để chọn màu cho sản phẩm là gì

• Tham khảo các xu hướng thiết kế

• Xây dựng bảng màu

• Xác định tính cách thương hiệu và điều mong muốn truyền tải thông điệp của sản phẩm

• Áp dụng quy tắc 60-30-20

Xây dựng bảng màu bao gồm

• Primary color

• Secondary color

• Accent Color

• Status Color

Các nguyên tắc thiết kế layout

• First thing first

• Don't make me think

• Consistent

• Cả 3 phươn án trên

Quy tắc 60 - 30 - 20 là gì

• 60% màu chính
  30% màu bổ trợ
  10% màu phụ

• 60% màu chính
  30% màu phụ
  10% màu bổ trợ

• 60% màu thương hiệu
  30% màu chính
  10% màu phụ

• 60% màu phụ
  30% màu bổ trợ
  10% màu trạng thái

Có mấy loại layout

• 3 loại

• 4 loại

• 5 loại

• 6 loại

4 loại layout là

• Fixed layout

• Fluid layout

• Adaptive layout

• Responsive layout