Một bảng màu thương hiệu dùng được gồm ba lớp: một đến hai màu chính để nhận diện, vài màu phụ để mở rộng và các màu trung tính cho nền và chữ, kèm tỷ lệ sử dụng và mã chuẩn cho từng môi trường in và màn hình. Thiếu một trong ba thứ đó, bảng màu sẽ bị áp dụng mỗi nơi một kiểu.
Phần lớn sai sót không nằm ở việc chọn màu xấu mà ở khâu kỹ thuật: màu trên màn hình thiết kế rực rỡ nhưng in ra xỉn, màu chữ trên nền chính quá nhạt để đọc, hay mỗi xưởng in pha một sắc khác nhau. Bài viết về tâm lý màu sắc trên cùng chuyên mục bàn chuyện màu tác động đến cảm nhận ra sao; bài này tập trung vào cách dựng, ghi mã và kiểm tra một bảng màu để nó sống được qua hàng trăm ấn phẩm.
Ba lớp của một bảng màu: chính, phụ và trung tính
Màu chính là màu khách hàng nên nhớ, xuất hiện trên logo và các điểm chạm quan trọng. Một màu chính mạnh tốt hơn ba màu chính ngang nhau, vì khách khó gắn cùng lúc nhiều màu với một thương hiệu. Một số hệ thống dùng hai màu chính đi thành cặp, nhưng khi đó cặp màu phải luôn xuất hiện cùng nhau để thành một dấu hiệu.
Màu phụ giúp thiết kế không đơn điệu: phân biệt dòng sản phẩm, tạo điểm nhấn trên bài đăng, biểu đồ, biểu tượng. Màu phụ nên hài hoà với màu chính về sắc độ và độ bão hoà, nhưng không được lấn át. Số lượng hợp lý thường từ hai đến bốn màu.
Màu trung tính gồm trắng, đen hoặc xám đậm cho chữ, các sắc xám hay be nhạt cho nền. Đây là lớp bị xem nhẹ nhất nhưng lại chiếm diện tích lớn nhất trên website, tài liệu và bao bì. Chọn trung tính hơi ngả ấm hoặc hơi ngả lạnh cho phù hợp với màu chính sẽ tạo sự thống nhất tinh tế hơn hẳn so với xám thuần.
Ngoài ba lớp trên, các sản phẩm số thường cần thêm màu chức năng: màu cho trạng thái thành công, cảnh báo, lỗi và thông tin. Những màu này nên được chọn để không trùng với màu chính, tránh tình huống nút bấm chính của thương hiệu là màu đỏ trong khi màu đỏ cũng báo lỗi.
Dựng bảng màu từng bước
Các bước dưới đây giả định doanh nghiệp đã có định vị và tính cách thương hiệu. Nếu chưa, việc chọn màu sẽ không có tiêu chí để so sánh.
- Khảo sát vùng màu của ngành. Xếp màu chủ đạo của các đối thủ trực tiếp lên vòng màu, đánh dấu vùng đông và vùng trống.
- Chọn ứng viên màu chính ở vùng vừa khác biệt vừa không mang liên tưởng trái chiều với sản phẩm và với văn hoá khách hàng. Nên có hai đến ba ứng viên.
- Kiểm khả năng tái tạo: mỗi ứng viên phải tìm được màu Pantone tương ứng, in được ổn định bằng CMYK, và hiển thị được trên màn hình. Một số màu rực trên màn hình, đặc biệt xanh lá neon và cam huỳnh quang, nằm ngoài khả năng in bốn màu thông thường.
- Dựng màu phụ bằng các quan hệ trên vòng màu: tương đồng (cạnh nhau) cho cảm giác êm, bổ túc (đối diện) cho điểm nhấn, hoặc các sắc đậm nhạt của chính màu chính cho hệ thống tiết chế.
- Chọn trung tính cho chữ và nền, kiểm độ tương phản với màu chính và màu phụ.
- Đặt tỷ lệ sử dụng cho từng loại ấn phẩm, rồi áp thử vào năm đến bảy ứng dụng thật.
- Ghi mã đầy đủ cho mọi màu và đưa vào tài liệu quy chuẩn kèm mẫu in đối chiếu.
Bước kiểm khả năng tái tạo hay bị bỏ qua vì nhóm thiết kế làm việc trên màn hình. Hậu quả chỉ lộ ra khi đã đặt in số lượng lớn bao bì hoặc biển hiệu, lúc ấy chi phí sửa rất cao.
Hệ mã màu: dùng mã nào ở đâu
Mỗi môi trường tái tạo màu theo cách riêng, nên một màu thương hiệu cần được ghi bằng nhiều hệ mã. Bảng dưới tóm tắt các hệ phổ biến.
| Hệ mã | Bản chất | Dùng cho | Lưu ý |
|---|---|---|---|
| Pantone (màu pha) | Mực pha sẵn theo công thức chuẩn, có sách mẫu vật lý | Bao bì, biển hiệu, ấn phẩm cần màu chính xác tuyệt đối | Màu trên sách mẫu tráng phủ (C) và không tráng phủ (U) khác nhau rõ rệt |
| CMYK | Pha từ bốn mực xanh lơ, hồng sẫm, vàng, đen | In offset, in kỹ thuật số thông thường | Cùng mã CMYK, mỗi máy in và mỗi loại giấy cho kết quả hơi khác |
| RGB | Ánh sáng đỏ, xanh lá, xanh dương trên màn hình | Video, trình chiếu, ứng dụng | Không gian màu RGB rộng hơn CMYK, nhiều màu rực không in được |
| HEX | Cách viết mã RGB dạng sáu ký tự | Website, giao diện số | Là cùng giá trị RGB, chỉ khác cách ghi |
| RAL hoặc mã sơn | Hệ màu sơn công nghiệp | Sơn mặt tiền, nội thất, xe, biển kim loại | Cần đối chiếu mẫu thật dưới ánh sáng ngoài trời |
Nguyên tắc thực hành: chọn màu gốc ở hệ khó tái tạo nhất mà doanh nghiệp thực sự cần, thường là Pantone cho bao bì hoặc mã sơn cho hệ thống cửa hàng, rồi quy đổi sang các hệ còn lại và chỉnh tay bằng mắt. Quy đổi tự động bằng phần mềm thường cho kết quả lệch, nhất là từ RGB sang CMYK. Khi làm việc với xưởng in, nên yêu cầu bản in thử và giữ một mẫu đã duyệt làm chuẩn đối chiếu cho các lần in sau.
Tỷ lệ sử dụng: quy tắc 60-30-10 và giới hạn của nó
Quy tắc 60-30-10 vốn là kinh nghiệm của ngành thiết kế nội thất: khoảng 60% diện tích cho màu chủ đạo, 30% cho màu thứ hai, 10% cho màu nhấn. Trong nhận diện thương hiệu, quy tắc này là điểm khởi đầu hữu ích chứ không phải luật. Nó nhắc rằng một bảng màu không chỉ là danh sách mà còn là cấu trúc thứ bậc.
Trong thực tế, phần 60% thường là màu trung tính, không phải màu chính. Một website phủ kín màu chính ở mọi khu vực sẽ mệt mắt và làm màu chính mất sức nổi bật. Cách phổ biến là để nền trung tính chiếm đa số, màu chính xuất hiện ở các điểm quan trọng như thanh điều hướng, nút hành động, tiêu đề lớn, còn màu phụ làm điểm nhấn thưa.
Ngược lại, có những điểm chạm nên phủ màu chính mạnh: bao bì trên kệ, biển hiệu, xe giao hàng, đồng phục. Ở đó mục tiêu là được nhận ra từ xa, nên diện tích màu chính lớn là có lợi.
Vì vậy quy chuẩn tốt thường ghi tỷ lệ theo nhóm ấn phẩm. Ví dụ giả định cho một chuỗi bánh mì: bao bì và biển hiệu dùng màu chính chủ đạo; bài đăng mạng xã hội dùng nền trung tính, màu chính khoảng một phần ba; tài liệu nội bộ và báo giá chủ yếu trung tính, màu chính chỉ ở tiêu đề và logo.
Độ tương phản và khả năng tiếp cận
Chuẩn WCAG là thước đo phổ biến nhất. Bộ hướng dẫn khả năng tiếp cận nội dung web WCAG của tổ chức W3C yêu cầu tỷ lệ tương phản tối thiểu 4,5:1 giữa chữ thường và nền ở mức AA, 3:1 với chữ cỡ lớn, và 7:1 ở mức AAA cao hơn. Các công cụ kiểm tương phản miễn phí cho kết quả ngay khi nhập hai mã màu.
Màu chính đẹp chưa chắc dùng được cho chữ. Nhiều màu chính sáng như vàng, xanh ngọc, cam nhạt không đạt tỷ lệ tương phản khi làm chữ trên nền trắng. Giải pháp là tạo thêm một sắc đậm hơn của màu chính dành riêng cho chữ và nút bấm, giữ màu gốc cho mảng lớn.
Không dùng màu làm tín hiệu duy nhất. Người khó phân biệt đỏ và xanh lá sẽ không thấy khác biệt nếu trạng thái chỉ được báo bằng màu. Thêm biểu tượng, chữ hoặc hoạ tiết.
Kiểm tra trên điều kiện thật. Màn hình điện thoại ngoài trời nắng, máy chiếu phòng họp, bản in đen trắng đều làm tương phản giảm mạnh. Bảng màu nên được thử ở cả ba điều kiện trước khi chốt.
Tương phản cũng là vấn đề kinh doanh. Khách lớn tuổi, khách dùng điện thoại cũ hay đọc trong ánh sáng kém đều gặp khó với chữ nhạt. Bảng màu dễ đọc mở rộng nhóm khách tiếp cận được, không chỉ là việc tuân thủ.
Danh mục bàn giao bảng màu
Khi nhận bàn giao từ đơn vị thiết kế, hoặc khi tự hoàn thiện quy chuẩn, kiểm tra bảng màu có đủ các hạng mục sau. Thiếu hạng mục nào, khả năng cao là sau vài tháng mỗi bộ phận sẽ dùng một sắc khác nhau.
- Tên gọi nội bộ cho từng màu, dễ nhớ và thống nhất giữa các bộ phận.
- Mã Pantone bản tráng phủ và không tráng phủ cho màu chính và màu phụ quan trọng.
- Mã CMYK đã được chỉnh tay và in thử, không chỉ quy đổi tự động.
- Mã RGB và HEX cho màn hình, kèm sắc đậm dành cho chữ nếu màu gốc không đạt tương phản.
- Mã sơn cho cửa hàng, văn phòng, xe nếu doanh nghiệp có không gian vật lý.
- Tỷ lệ sử dụng theo từng nhóm ấn phẩm, có hình minh hoạ đúng và sai.
- Các cặp màu chữ và nền được phép dùng, kèm tỷ lệ tương phản đã đo.
- Tệp bảng màu cho phần mềm thiết kế và biến màu cho đội phát triển web hoặc ứng dụng.
- Mẫu in đối chiếu đã duyệt, lưu tại doanh nghiệp để so khi in lại.
Mục cuối cùng tưởng nhỏ nhưng quyết định sự nhất quán qua nhiều năm: khi đổi xưởng in, doanh nghiệp có thứ để đối chiếu thay vì dựa vào trí nhớ của người duyệt.
Những sai lầm hay gặp khi chọn màu thương hiệu
Các lỗi dưới đây lặp đi lặp lại trong dự án nhận diện của doanh nghiệp vừa và nhỏ. Phần lớn không phải lỗi thẩm mỹ mà là lỗi quy trình, nên có thể tránh được nếu biết trước.
- Chọn theo màu yêu thích của chủ doanh nghiệp. Sở thích cá nhân không phải tiêu chí; khách hàng mục tiêu và vùng màu của ngành mới là căn cứ.
- Duyệt màu trên một màn hình duy nhất. Màn hình máy tính của nhà thiết kế thường được hiệu chỉnh khác hẳn điện thoại phổ thông của khách hàng; cần xem trên nhiều thiết bị và trên bản in.
- Chọn quá nhiều màu chính. Bốn năm màu ngang hàng khiến không màu nào đọng lại trong trí nhớ khách hàng.
- Quên màu cho chữ. Màu chính sáng không đạt tương phản, đến khi làm website mới phát hiện và mỗi người tự chọn một sắc đậm khác nhau.
- Chỉ ghi mã HEX. Xưởng in tự quy đổi sang CMYK theo cách của họ, mỗi xưởng một kiểu, dẫn đến bao bì các lô lệch màu nhau.
- Đổi màu theo từng chiến dịch. Mỗi lần đổi là một lần khách hàng phải học lại; ngân sách truyền thông đổ vào nhận diện bị phân tán.
- Bắt chước màu của thương hiệu dẫn đầu ngành. Lợi thế của người dẫn đầu trở thành lợi thế của họ, không phải của doanh nghiệp đi sau; khách thậm chí có thể nhầm sang đối thủ.
Nếu doanh nghiệp đang mắc nhiều lỗi trong số này, cách sửa rẻ nhất thường là chuẩn hoá lại mã màu và tỷ lệ cho hệ thống đang có, thay vì đổi màu chính. Đổi màu chính chỉ nên tính khi màu hiện tại thực sự trùng đối thủ hoặc mang liên tưởng trái chiều với định vị mới.
Câu hỏi thường gặp
Vì sao màu in ra khác màu trên màn hình?
Màn hình tạo màu bằng ánh sáng theo hệ RGB, còn máy in tạo màu bằng mực theo hệ CMYK, và không gian màu của hai hệ không trùng nhau. Thêm vào đó, mỗi màn hình được hiệu chỉnh khác nhau và mỗi loại giấy hấp thụ mực khác nhau. Cách khắc phục là in thử và duyệt trên mẫu thật.
Doanh nghiệp nhỏ có cần mã Pantone không?
Nếu chỉ in tài liệu văn phòng và đăng mạng xã hội thì mã CMYK, RGB và HEX là đủ. Khi bắt đầu in bao bì số lượng lớn, làm biển hiệu hoặc cần màu khớp tuyệt đối giữa nhiều nhà cung cấp, mã Pantone giúp giảm lệch màu đáng kể và đáng để bổ sung.
Có nên dùng màu gradient làm màu thương hiệu không?
Có thể, nhưng cần lường trước chi phí. Gradient khó in ổn định, khó thêu, khó khắc, và không dùng được khi in một màu. Nếu chọn gradient, hệ thống vẫn cần một màu đặc đại diện để dùng trong các trường hợp không tái tạo được dải chuyển.
Làm thế nào để mọi xưởng in ra cùng một màu?
Cung cấp mã Pantone hoặc CMYK đã kiểm, yêu cầu bản in thử trước khi in hàng loạt, và gửi kèm mẫu chuẩn đã duyệt để xưởng đối chiếu. Với vật liệu đặc biệt như nhựa, vải, kim loại, cần duyệt riêng vì cùng mực trên chất liệu khác cho màu khác.
Có cần chế độ tối cho bảng màu không?
Nếu thương hiệu có ứng dụng hoặc website được dùng nhiều trên điện thoại, nên chuẩn bị. Màu chính trên nền tối thường cần sáng hơn hoặc giảm độ bão hoà để không chói và vẫn đạt tương phản. Quy định trước giúp đội phát triển không phải tự đoán.
Bảng màu có cần thay đổi khi mở rộng dòng sản phẩm không?
Màu chính nên giữ nguyên. Việc mở rộng thường giải quyết bằng màu phụ, mỗi dòng sản phẩm một màu phụ trong cùng hệ, để vừa phân biệt được các dòng vừa giữ được dấu hiệu chung của thương hiệu mẹ.
