Tương phản màu sắc: tiêu chí bắt buộc khi thiết kế thương hiệu

Nhận diện thương hiệu trông sắc nét trên màn hình thiết kế, nhưng ra ngoài trời thì chữ mờ đi, biển hiệu khó đọc, logo trên áo đồng phục gần như mất. Đây không phải lỗi in ấn hay lỗi vật liệu. Đây là lỗi từ bước thiết kế: tương phản màu sắc chưa bao giờ được kiểm tra ngoài môi trường lý tưởng của phần mềm.

Tương phản màu sắc là tỷ lệ chênh lệch độ sáng giữa hai màu đặt cạnh nhau, thường là chữ và nền, hoặc biểu tượng và nền. Tỷ lệ này quyết định mắt người có phân biệt được hai màu đó trong điều kiện thực tế hay không. Và điều kiện thực tế không phải màn hình 27 inch cài đúng color profile trong phòng tối: đó là bảng hiệu dưới nắng 12 giờ trưa, tờ rơi dưới đèn huỳnh quanh văn phòng, hay banner sự kiện in trên vải trắng đục.

Vì sao màn hình thiết kế nói dối

Màn hình hiện đại phát sáng chủ động. Khi xem file thiết kế trên màn hình chất lượng cao, mắt người nhận được ánh sáng trực tiếp từ điểm ảnh. Độ tương phản trông cao hơn thực tế. Màu vàng nhạt trên nền trắng nhìn vào trong phần mềm có thể đọc được, nhưng khi in ra giấy hoặc đưa lên bảng hiệu, nền và chữ phản chiếu cùng một nguồn sáng bên ngoài, và sự chênh lệch thu hẹp lại nhanh chóng.

Thiết kế hệ thống nhận diện mà chỉ kiểm tra trên màn hình đang bỏ qua phần lớn điểm tiếp xúc thực tế của thương hiệu. Biển hiệu, bao bì, đồng phục, tài liệu in, màn hình LED ngoài trời, banner sự kiện, tất cả hoạt động trong điều kiện ánh sáng không thể kiểm soát.

Nguyên lý tương phản: con số và ý nghĩa thực

Tổ chức W3C (World Wide Web Consortium, tổ chức thiết lập tiêu chuẩn web quốc tế) đưa ra bộ tiêu chí WCAG (Web Content Accessibility Guidelines, hướng dẫn tiếp cận nội dung web) đo tương phản theo tỷ lệ từ 1:1 đến 21:1. Tỷ lệ 1:1 nghĩa là hai màu giống hệt nhau, không phân biệt được. Tỷ lệ 21:1 là đen tuyệt đối trên trắng tuyệt đối.

WCAG 2.1 yêu cầu tỷ lệ tối thiểu 4,5:1 cho chữ thông thường và 3:1 cho chữ lớn hoặc thành phần đồ hoạ quan trọng như biểu tượng và nút bấm (tiêu chí 1.4.3 và 1.4.11). Đây là ngưỡng để hầu hết người đọc, kể cả người có thị lực kém nhẹ, có thể đọc được trong điều kiện bình thường.

Với thương hiệu, Sinh Vũ dùng con số này như điểm xuất phát, không phải đích đến. Lý do: điều kiện ngoài trời và vật liệu in làm giảm tương phản cảm nhận đáng kể so với màn hình. Ánh sáng mặt trời chiếu thẳng làm bão hoà màu, vải hút mực làm tối tổng thể không đều, giấy không tráng làm màu nhạt đi. Ngưỡng 4,5:1 trên màn hình có thể tương đương 3:1 hoặc thấp hơn trong thực tế.

Distinctive assets chỉ tạo được khả năng ghi nhớ khi được nhìn thấy và nhận ra nhất quán qua từng lần tiếp xúc.

Jenni Romaniuk, Building Distinctive Brand Assets (Ehrenberg-Bass Institute)

Ba môi trường, ba bài kiểm tra không thể bỏ qua

Tương phản cần được kiểm tra riêng trong từng môi trường, vì mỗi môi trường có đặc điểm ánh sáng khác nhau:

• Màn hình số: kiểm tra bằng công cụ đo tỷ lệ tương phản như WebAIM Contrast Checker hoặc Colour Contrast Analyser. Kiểm tra cả chế độ sáng và chế độ tối, vì nhiều thương hiệu hiện nay xuất hiện trên cả hai.
• In ấn: in thử trên đúng loại vật liệu sẽ dùng, không phải giấy văn phòng thông thường. Xem dưới ít nhất hai điều kiện ánh sáng: đèn trắng và ánh sáng tự nhiên. Đặc biệt chú ý khi in màu nhạt trên nền trắng hoặc vàng nhạt trên giấy vàng ngà.
• Ngoài trời: kiểm tra mẫu biển hiệu hoặc banner dưới ánh sáng trực tiếp giữa ngày. Nếu không thể kiểm tra thực tế, tăng tỷ lệ tương phản lên ít nhất 7:1 làm biên an toàn.

Thương hiệu có nhiều điểm tiếp xúc sẽ cần thêm một bước: kiểm tra logo trên nền tối. Nhiều thương hiệu thiết kế logo màu tối trên nền trắng, rồi dán lên áo đồng phục màu đen, backdrop sự kiện tối màu, hay màn hình LED ban đêm mà không có phiên bản đảo màu. Kết quả là logo biến mất.

Tương phản không phải chuyện tiếp cận riêng

Trong nghề thiết kế, tương phản màu sắc thường bị xếp vào danh mục "tiếp cận" (accessibility, tức thiết kế cho người khuyết tật), và vì vậy nhiều dự án thương hiệu bỏ qua với lý do "khách hàng của mình không phải người khiếm thị".

Cách nghĩ này sai ở một điểm cơ bản: tương phản không chỉ ảnh hưởng đến người có thị lực kém. Nó ảnh hưởng đến tất cả mọi người khi điều kiện nhìn không lý tưởng. Người mắt bình thường nhìn logo trên bảng hiệu dưới trời nắng cũng gặp chính xác vấn đề như người thị lực kém nhìn logo trên màn hình trong văn phòng sáng đèn.

Môi trường nhìn tệ là điều kiện bình thường của thương hiệu, không phải ngoại lệ. Đường phố, sự kiện, phòng triển lãm, cửa hàng đèn ngược sáng, màn hình điện thoại dưới nắng, tất cả đều thử thách tương phản theo những cách mà màn hình thiết kế không bao giờ tái tạo được.

Xây biến thể ứng dụng, không phải đổi màu thương hiệu

Khi phát hiện màu thương hiệu hiện tại có tương phản thấp, câu hỏi đầu tiên không phải "có cần đổi màu không". Màu thương hiệu là tài sản tích luỹ theo thời gian, không đổi tuỳ tiện. Câu hỏi đúng là: "Hệ thống ứng dụng có đủ biến thể để màu này vận hành được trong mọi môi trường không".

Giải pháp thực tế không phức tạp. Quy định rõ trong tài liệu hướng dẫn thương hiệu từng tình huống cụ thể: logo màu gì trên nền trắng, logo màu gì trên nền tối, logo màu gì trên ảnh nền phức tạp. Nếu màu chủ đạo không đủ tương phản, xây thêm phiên bản đảo màu hoặc thêm nền trung gian. Nhiều thương hiệu lớn có tới bốn đến sáu biến thể logo chính thức cho các điều kiện nền khác nhau, không phải vì họ thiếu quyết đoán mà vì họ hiểu rằng một logo duy nhất không thể vận hành tốt trên mọi bề mặt.

Đây là lý do tài liệu hướng dẫn thương hiệu phải quy định rõ "logo được phép dùng trên nền nào" thay vì chỉ đưa ra file logo và bảng màu. Không có quy định rõ, người dùng sẽ tự chọn theo cảm tính, và kết quả là logo màu vàng in trên túi giấy vàng ngà, chữ trắng trên ảnh nền sáng, biểu tượng xám trên nền trắng.

Nhận diện chỉ vận hành khi được nhìn thấy

Byron Sharp và nhóm Ehrenberg-Bass chỉ ra rằng tài sản đặc trưng của thương hiệu chỉ tích luỹ được trong trí nhớ khách hàng khi chúng được nhận ra nhất quán qua từng lần tiếp xúc. Mỗi lần logo không đọc được, mỗi lần chữ mờ trên nền tối, mỗi lần màu thương hiệu biến mất dưới nắng là một lần tiếp xúc bị mất. Không phải lần tiếp xúc tệ, mà là lần tiếp xúc không xảy ra.

Thương hiệu muốn được ghi nhớ phải được nhìn thấy trước. Tương phản màu sắc là điều kiện đầu tiên để điều đó xảy ra, trong mọi điều kiện ánh sáng, trên mọi bề mặt, ở mọi kích thước. Đây không phải yêu cầu kỹ thuật bổ sung sau khi thiết kế xong. Đây là tiêu chí thiết kế phải có mặt từ đầu, ngang hàng với tỷ lệ, khoảng cách, và lựa chọn kiểu chữ.