Tóm tắt video “60-30-10 Color Rule”
Video này giới thiệu quy tắc 60-30-10, một hướng dẫn về việc sử dụng màu sắc trong thiết kế giao diện người dùng (UI) di động nhằm tạo ra một giao diện trưởng thành, liền mạch và dễ nhìn.
Quy tắc 60-30-10:
-
60% màu trung tính: Màu này là nền tảng, tạo cảm giác cân bằng cho giao diện. Có thể là màu trắng, màu kem, hoặc màu tối nếu bạn thiết kế giao diện tối.
-
30% màu chính: Màu này thể hiện thương hiệu, thường là màu sắc nổi bật.
-
10% màu nhấn mạnh: Màu này dùng cho nút kêu gọi hành động (CTA), thường là màu sắc thu hút sự chú ý.
Cách áp dụng quy tắc:
-
Sử dụng 60% màu trung tính làm màu nền, 30% màu chính cho các yếu tố chính và 10% màu nhấn mạnh cho các nút CTA.
-
Quy tắc có thể được áp dụng cho cả giao diện sáng và tối.
-
Quy tắc này chỉ là hướng dẫn, có thể linh hoạt trong việc điều chỉnh.
Ví dụ:
-
Một giao diện sử dụng 60% màu trắng, 30% màu xanh dương và 10% màu tím.
-
Một giao diện tối sử dụng 60% màu đen, 30% màu xám và 10% màu cam.
-
Một giao diện sử dụng màu sáng làm màu nền, 30% màu trung tính và 10% màu nhấn mạnh.
Lợi ích:
-
Tạo giao diện dễ nhìn, chuyên nghiệp.
-
Tăng sự chú ý vào các nút CTA.
-
Cân bằng màu sắc, tránh rối mắt.
Kết luận:
Quy tắc 60-30-10 là một công cụ hữu ích để tạo ra thiết kế UI đẹp mắt và hiệu quả. Tuy nhiên, bạn có thể linh hoạt điều chỉnh quy tắc này để phù hợp với phong cách thiết kế riêng của mình.