2 cách tạo ra bảng màu thiết kế từ màu sắc thương hiệu

Bài viết này sẽ hướng dẫn các bạn 2 cách để tạo ra bảng màu cho thiết kế dựa trên màu sắc thương hiệu của bạn. 

1. Nguyên tắc tạo ra bảng màu  

Trước khi xác định bảng màu cho thiết kế, bạn cần nắm rõ màu sắc thương hiệu của mình là gì. Một thương hiệu thường có 1-2 màu sắc chính như Facebook có màu xanh nước biển, Youtube có màu đỏ. 

Nguyên tắc tạo ra bảng màu bạn có thể tham khảo theo quy tắc 60-30-10 hoặc 70-20-10 hoặc một con số tương đối theo tỷ lệ khác, trong đó:

• Màu chủ đạo: chiếm khoảng 60-70% thiết kế, là màu chính của thương hiệu để tạo sự nhận diện mạnh mẽ 
• Màu bổ trợ: chiếm khoảng 20-30% thiết kế, thường là màu tương đồng hoặc màu trung tính, giúp cân bằng thiết kế 
• Màu nhấn: chiếm khoảng 10-20% thiết kế, thường là màu tương phản với màu chính để làm nổi bật hoặc tạo điểm nhấn trong thiết kế.  

Ví dụ: Logo Facebook có các màu Xanh dương (màu chủ đạo), kết hợp với màu trắng (màu bổ trợ)

2. Tạo ra bảng màu bằng quy tắc phối màu 

Để tạo ra bảng màu, bạn có thể sử dụng quy tắc phối màu theo 6 cách khác nhau: 

• Phối màu đối đơn (complementary)
• Phối màu tam giác cân (Split complementary)
• Phối màu chữ nhật (Douple Split Complementary)
• Phối màu tương đồng
• Phối màu đơn sắc
• Phối màu tam giác đều 

Xem chi tiết tại bài viết này để áp dụng:

Cách phối màu và xây dựng hệ thống màu sắc trong thiết kế

06 Dec, 2024 103 mins read 263 views

Trong thế giới thiết kế, màu sắc không chỉ đơn thuần là một yếu tố trang trí mà còn là một ngôn ngữ mạnh mẽ giúp truyền tải thông điệp và tạo cảm xúc. Việc phối màu và xây dựng hệ thống màu sắc trong thiết kế đóng vai trò quan trọng trong việc thu hút và giữ chân người xem, đồng thời tạo nên sự nhất quán và nhận diện cho thương hiệu.

3. Tạo ra bảng màu bằng công cụ tự động 

Ngoài cách áp dụng 6 cách phối màu ở trên, bạn có thể dễ dàng tạo ra bảng màu bằng công cụ tự động, bằng cách dùng một trong các công cụ sau:

• Coolors - Tạo bảng màu ngẫu nhiên hoặc từ màu thương hiệu: coolors.co
• Adobe Color - Phối màu theo bánh xe màu, xuất file dễ dàng: color.adobe.com
• Khroma - AI gợi ý bảng màu dựa trên sở thích cá nhân: khroma.co

Truy cập vào một trong các công cụ trên, để tạo ra bảng màu cho riêng bạn.

4. Kiểm tra độ tương phản & khả năng đọc

Sau khi có được bảng màu, bạn có thể dùng công cụ để kiểm tra sự tương phản giữa các màu sắc, hoặc sự tương phản giữa văn bản với màu sắc. Để khi kết hợp với nhau, luôn đảm bảo tính dễ đọc và tương thích cao. 

Một số công cụ để kiểm tra sự tương phản (Contrast Checker):

• Adobe Color Accessibility Tools: https://color.adobe.com/create/color-contrast-analyzer
• Coolors Contrast Checker: https://coolors.co/contrast-checker
• WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
• Contrast Ratio: https://contrast-ratio.org

Nhìn chung, việc tạo ra bảng màu cho mỗi thiết kế là một cách hiệu quả để đảm bảo sự hài hoà, nhất quán cho thương hiệu, đồng thời giúp bạn có được định hướng rõ ràng cho các thiết kế ngay từ đầu.