Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI Design - Các yếu tố cơ bản trong thiết kế giao diện - Coggle Diagram
UI Design - Các yếu tố cơ bản trong thiết kế giao diện
UI Design (Mục tiêu):
Dễ nhìn
Dễ hiểu
Dễ sử dụng
Tăng tính thẩm mỹ
Thu hút và giữ chân người dùng
White Space (Khoảng trắng)
Tạo khoảng cách giữa các phần tử
Tách biệt nội dung rõ ràng
Giúp giao diện thoáng
Tăng khả năng đọc
Sử dụng qua margin, padding
Alignment (Căn chỉnh)
Căn theo trục (trái / phải / giữa)
Đảm bảo thẳng hàng
Tạo bố cục gọn gàng
Tăng tính nhất quán
Tránh lệch lạc, rối mắt
Contrast (Độ tương phản):
Khác biệt giữa các yếu tố (text – nền)
Giúp nội dung rõ ràng
Tăng khả năng đọc
Làm nổi bật phần quan trọng
Đảm bảo tiêu chuẩn ~4.5:1
Scale (Kích thước):
Phân cấp thông tin
Tiêu đề lớn hơn nội dung
Nội dung chính nổi bật hơn phụ
Tạo điểm nhấn
Hướng sự chú ý người dùng
Typography (Kiểu chữ):
Sử dụng 1–2 font
Đảm bảo nhất quán
Dễ đọc
Phù hợp ngữ cảnh
Tránh dùng quá nhiều kiểu chữ
Color (Màu sắc):
Chọn màu theo mục tiêu / thương hiệu
Sử dụng 1–2 màu chủ đạo
Hạn chế quá nhiều màu
Phối màu hài hòa
Kết hợp tốt với contrast
Visual Hierarchy (Phân cấp thị giác):
Làm nổi bật nội dung quan trọng
Điều hướng ánh nhìn
Giúp người dùng dễ hiểu bố cục
Kết hợp nhiều yếu tố (size, màu, khoảng trắng…)
Tạo thứ tự ưu tiên thông tin