Tóm tắt video “How I make UI color palettes”
Video này hướng dẫn cách tạo bảng màu UI hiệu quả và nhất quán trong 5 bước:
1. Tìm điểm bắt đầu:
-
Bắt đầu từ màu thương hiệu chính, thường được cung cấp sẵn.
-
Nếu không có màu thương hiệu, chọn màu trung tính phù hợp làm màu nền tảng.
-
Sử dụng HSB thay vì hex hoặc RGB để kiểm soát màu sắc tốt hơn.
2. Chọn màu hỗ trợ:
-
Chọn ít nhất 4 màu hỗ trợ để truyền tải thông tin và thu hút sự chú ý.
-
Màu hỗ trợ cần phù hợp với màu thương hiệu, có thể thay đổi Hue nhưng giữ Saturation và Brightness gần với màu thương hiệu.
3. Tạo các sắc thái (Shades):
-
Tạo 9 sắc thái cho mỗi màu (từ 100 đến 900), sử dụng màu chính ở mức 500.
-
Chọn các sắc thái theo đường cong từ góc trên trái đến góc dưới phải trên bảng màu.
-
Chọn sắc thái tối nhất cho văn bản, sắc thái sáng nhất cho nền.
4. Tạo màu trung tính:
-
Chọn một màu xám trung tính và tạo các sắc thái theo cùng cách thức với các màu khác.
-
Chọn sắc thái tối hơn để tránh quá bão hòa.
5. Kiểm tra và điều chỉnh:
-
Đảm bảo các sắc thái của mỗi màu có sự chuyển đổi đều đặn từ sáng đến tối.
-
Kiểm tra bảng màu trong giao diện UI để xem xét tính thẩm mỹ, khả năng sử dụng và tính tương phản.
-
Thực hiện điều chỉnh nếu cần.
Lời khuyên bổ sung:
-
Sử dụng các công cụ hỗ trợ kiểm tra khả năng tiếp cận, chẳng hạn như contrast checker.
-
Tin tưởng vào mắt của bạn và thực hiện điều chỉnh dựa trên cảm nhận của bạn.
-
Giữ số lượng sắc thái tối thiểu để tránh quá nhiều lựa chọn.
Kết luận:
Video cung cấp một quy trình rõ ràng và hiệu quả để tạo bảng màu UI, giúp bạn tạo ra giao diện đẹp mắt, phù hợp với thương hiệu và dễ dàng sử dụng.