Một bảng màu dùng được không phải là năm ô màu đẹp xếp cạnh nhau, mà là một hệ có vai trò rõ cho từng màu, có các bậc sáng tối để làm nền, chữ, viền, và vẫn hài hoà khi áp vào ấn phẩm thật có ảnh, chữ và khoảng trắng. Các công cụ tạo bảng màu tự động và chatbot sinh ra ô màu rất nhanh; phần còn lại vẫn là việc của người thiết kế.
Bài này đi qua một quy trình từ moodboard đến bảng màu hoàn chỉnh, chỉ ra chỗ AI tiết kiệm thời gian và chỗ dễ đánh lừa. Bài chọn màu thương hiệu trong cùng danh mục bàn chuyện chiến lược; ở đây là kỹ thuật dựng bảng màu cho một dự án hay một bộ ấn phẩm.
Rút màu từ moodboard: máy làm nhanh, mắt người chọn
Moodboard là tập ảnh, chất liệu, mẫu vải, ảnh chụp không gian thể hiện cảm giác bạn muốn. Nhiều công cụ thiết kế và công cụ AI có chức năng rút màu chủ đạo từ ảnh: đưa ảnh vào, nhận về năm đến tám màu. Cách này nhanh, nhưng máy rút theo tần suất xuất hiện, nên màu chiếm diện tích lớn như nền trời, tường xám thường được ưu tiên, còn màu nhỏ mà tạo hồn cho ảnh, như một chấm cam trên tách gốm, dễ bị bỏ qua.
Vì thế nên rút màu theo hai lượt. Lượt một để máy rút tự động trên cả moodboard. Lượt hai bạn tự chấm màu bằng công cụ hút màu ở những chi tiết mình thấy là linh hồn của ảnh. Sau đó xếp tất cả lên một trang và loại dần, chỉ giữ những màu thật sự nói lên cảm giác cần có.
Một lưu ý về nguồn ảnh: moodboard dùng nội bộ để tìm cảm hứng thường lấy ảnh từ nhiều nơi. Khi đưa ảnh vào công cụ AI trực tuyến, bạn đang tải ảnh của người khác lên máy chủ bên thứ ba; với ảnh của khách hàng như ảnh sản phẩm chưa ra mắt hay ảnh nội thất chưa khai trương, hãy hỏi khách trước hoặc dùng công cụ chạy trên máy.
Nếu không có ảnh, bạn có thể mô tả cảm giác bằng lời cho chatbot. Câu lệnh mẫu: "Mô tả một bảng màu sáu màu gợi cảm giác buổi sáng ở chợ nổi miền Tây: nước sông đục, ghe gỗ, trái cây chín, nắng sớm. Với mỗi màu, ghi vai trò đề xuất, mã HEX tham khảo và lý do". Mã màu trả về là điểm khởi đầu để nhập vào phần mềm và chỉnh bằng mắt.
Các kiểu phối màu trên bánh xe màu và cảm giác tạo ra
Khi đã có vài màu ứng viên, hiểu kiểu phối giúp bạn biết bảng màu đang đi theo hướng nào và thiếu gì. Bảng dưới tóm các kiểu phối cơ bản.
| Kiểu phối | Cách lấy màu | Cảm giác | Rủi ro |
|---|---|---|---|
| Đơn sắc | Một sắc, nhiều độ sáng và bão hoà | Tinh tế, thống nhất | Đơn điệu, thiếu điểm nhấn |
| Tương đồng | Ba màu cạnh nhau trên bánh xe | Êm, tự nhiên | Các màu chìm vào nhau nếu độ sáng giống nhau |
| Bổ túc | Hai màu đối diện | Nổi, nhiều năng lượng | Chói khi dùng cùng độ bão hoà, cùng diện tích |
| Bổ túc chia đôi | Một màu và hai màu cạnh màu đối diện | Nổi nhưng dịu hơn bổ túc | Cần xác định rõ màu nào làm chủ |
| Bộ ba | Ba màu cách đều trên bánh xe | Vui, đa dạng | Dễ thành rối nếu cả ba cùng mạnh |
Với người mới, kiểu tương đồng cộng một màu nhấn bổ túc là cách dễ ra kết quả nhất: phần lớn diện tích dùng các màu êm cạnh nhau, còn một điểm nhỏ dùng màu đối diện để kéo mắt. Kiểu bộ ba hợp với ấn phẩm cho trẻ em, sự kiện vui, nhưng đòi hỏi một màu làm chủ rõ ràng và hai màu kia lùi về.
Kiểu phối chỉ nói về sắc. Hai bảng màu cùng kiểu bổ túc có thể khác nhau hoàn toàn khi một bảng dùng màu đậm, bão hoà cao, bảng kia dùng màu nhạt ngả xám. Trong thực tế, độ sáng và độ bão hoà quyết định cảm giác không kém việc chọn sắc.
Dựng dải sáng tối cho từng màu
Bảng màu năm ô thường thiếu màu để làm nền nhạt, viền mảnh, chữ đậm, trạng thái khi bấm. Giải pháp là dựng cho mỗi màu chính một dải từ rất nhạt đến rất đậm.
- Chọn màu gốc ở khoảng giữa dải, là màu bạn đã chốt từ moodboard.
- Sinh các bậc nhạt hơn và đậm hơn, thường chín đến mười một bậc. Có thể nhờ AI viết bảng hoặc đoạn mã sinh dải; câu lệnh mẫu "Từ màu gốc có mã HEX như sau, sinh dải mười bậc từ rất nhạt đến rất đậm, giữ sắc ổn định, giải thích cách tính".
- Kiểm sắc có trôi không: khi chỉ pha trắng hoặc đen, nhiều màu đổi sắc, ví dụ xanh dương pha trắng ngả tím, vàng pha đen ngả xanh rêu. Chỉnh tay từng bậc cho sắc ổn định, hoặc dùng không gian màu theo cảm nhận nếu phần mềm hỗ trợ.
- Gán vai trò cho từng bậc: bậc nhạt nhất làm nền khối thông tin, bậc giữa làm nút, bậc đậm làm chữ trên nền nhạt.
- Kiểm tương phản giữa bậc dùng cho chữ và bậc dùng cho nền. Phương pháp đo có bài riêng trong cùng danh mục.
- Đặt tên theo vai trò và bậc, ví dụ "chính-100" đến "chính-900", để người làm tiếp và lập trình viên dùng đúng.
Dải sáng tối là thứ biến bảng màu từ tấm ảnh đẹp thành công cụ làm việc. Khi khách cần thêm một loại ấn phẩm mới, bạn chỉ chọn trong dải, không phải phát minh màu mới, và cả bộ nhận diện vẫn đồng nhất.
Dấu hiệu bảng màu đẹp mà khó dùng
Mọi màu cùng độ sáng. Chuyển bảng màu sang đen trắng; nếu các ô gần như cùng một mức xám, bạn sẽ không đặt được chữ lên nền nào trong bảng mà vẫn đọc rõ.
Không có màu trung tính. Bảng toàn màu rực trông ấn tượng trên ảnh trình bày, nhưng khi làm thực đơn hay trang web, bạn thiếu màu nền và màu chữ, đành dùng trắng đen thuần và mất bản sắc.
Hai màu quá gần nhau. Hai ô màu chỉ hơi khác nhau trên màn hình thiết kế sẽ thành một màu khi in hoặc xem trên điện thoại rẻ tiền. Gộp lại hoặc đẩy xa nhau ra.
Màu nhấn không đủ nổi. Đặt màu nhấn lên nền chính và nền trung tính. Nếu nó không nổi nhất trang, nó chưa làm được việc của màu nhấn.
Phụ thuộc vào phân biệt đỏ và xanh lá. Một tỉ lệ đáng kể người xem, phần lớn là nam giới, khó phân biệt hai màu này. Nếu bảng màu dùng đỏ và xanh lá để phân biệt hai trạng thái, thêm khác biệt về độ sáng hoặc biểu tượng. Nhiều phần mềm thiết kế có chế độ mô phỏng để bạn tự kiểm.
Áp bảng màu vào bản phác và ghi lại cho cả nhóm
Bảng màu chỉ được xác nhận khi áp vào ấn phẩm thật. Chọn ba loại ấn phẩm khác nhau của dự án, ví dụ giả định một bài đăng vuông, một thực đơn và một trang giới thiệu trên điện thoại, rồi áp bảng màu vào cả ba. Bạn sẽ thấy ngay màu nào được dùng nhiều, màu nào chẳng có chỗ, và thiếu bậc nào.
Đặt ảnh thật của dự án vào bản phác. Bảng màu đẹp khi đứng một mình có thể đánh nhau với ảnh sản phẩm, nhất là ảnh đồ ăn có nhiều màu nóng. Thường bạn phải hạ độ bão hoà của màu phụ để nhường chỗ cho ảnh.
Cuối cùng ghi bảng màu vào tệp hướng dẫn: tên màu theo vai trò, mã màu cho màn hình và cho in, các cặp chữ trên nền đã kiểm tương phản, và vài ví dụ dùng đúng, dùng sai. Có thể nhờ AI soạn bản nháp phần chữ cho tệp hướng dẫn từ danh sách màu và vai trò bạn cung cấp, rồi biên tập lại cho gọn.
Với nhóm làm việc chung, lưu bảng màu vào thư viện dùng chung của phần mềm thiết kế thay vì gửi ảnh chụp bảng màu qua tin nhắn. Mỗi lần ai đó hút màu từ ảnh chụp là một lần màu lệch đi một chút, và sau vài tháng bộ ấn phẩm có ba sắc độ của cùng một "màu chính".
Bảng màu cho chế độ nền tối và cho nhiều nền tảng
Ngày càng nhiều người dùng để điện thoại ở chế độ nền tối, và bài đăng, ảnh đại diện, giao diện của khách sẽ hiện trên nền gần đen. Bảng màu dựng cho nền trắng chuyển sang nền tối thường gặp ba vấn đề: màu đậm dùng cho chữ biến mất trên nền tối, màu bão hoà cao trở nên chói, và các khối nền nhạt thành những mảng sáng loá.
Nếu dự án có giao diện ứng dụng hay trang web hỗ trợ nền tối, cần một bộ vai trò song song. Màu nền tối không nên là đen tuyệt đối mà là màu rất đậm, đôi khi pha chút sắc của màu chính. Chữ dùng bậc nhạt trong dải. Màu chính và màu nhấn thường phải hạ độ bão hoà và tăng độ sáng một chút để giữ được cảm giác cũ mà không chói. Dải sáng tối dựng ở phần trên giúp việc này đơn giản hơn nhiều: bạn chỉ đảo vai trò các bậc chứ không tìm màu mới.
Với ảnh đại diện và logo trên mạng xã hội, kiểm cả hai nền: xem logo của khách hiện trên nền trắng và nền tối của ứng dụng. Logo có viền mảnh màu đậm hay biến mất trên nền tối; khi đó cần một phiên bản logo dành riêng cho nền tối trong bộ nhận diện.
Bạn có thể nhờ AI đề xuất bộ vai trò cho nền tối từ bảng màu đã có, với câu lệnh mẫu "Từ bảng màu sau gồm tên vai trò và mã HEX, đề xuất bộ tương ứng cho nền tối: màu nền, màu bề mặt, màu chữ chính, chữ phụ, màu chính, màu nhấn; giải thích từng thay đổi". Như mọi mã màu do AI gợi ý, nhập vào phần mềm và xem trên điện thoại thật trước khi dùng.
Câu hỏi thường gặp
Công cụ tự rút màu từ ảnh có đáng tin không?
Đáng tin để có điểm xuất phát nhanh, nhưng máy rút theo diện tích nên hay bỏ sót màu nhỏ mà tạo hồn cho ảnh. Nên rút tự động một lượt rồi tự hút thêm màu ở chi tiết quan trọng, sau đó tự chọn lọc.
Mã màu HEX chatbot gợi ý có chính xác không?
Chatbot không nhìn thấy màu nên mã nó đưa ra có thể không khớp với mô tả bằng lời. Hãy coi đó là gợi ý, nhập từng mã vào phần mềm để nhìn tận mắt, chỉnh lại và loại màu không đạt.
Bảng màu cho một dự án nên có bao nhiêu màu?
Thường là một đến hai màu chính, một đến hai màu phụ, một màu nhấn và một nhóm trung tính. Mỗi màu chính nên có dải sáng tối nhiều bậc. Số ô màu ít mà có dải sáng tối hữu dụng hơn nhiều ô màu rời rạc.
Vì sao màu bị ngả sắc khi pha nhạt hoặc pha đậm?
Pha trắng hay pha đen trong không gian màu thông thường không giữ cảm nhận sắc ổn định, nên xanh dương có thể ngả tím, vàng ngả xanh rêu. Chỉnh tay từng bậc hoặc dùng không gian màu theo cảm nhận nếu phần mềm có.
Có cần lo về người khó phân biệt màu khi làm bảng màu không?
Có, nhất là khi màu được dùng để phân biệt trạng thái như đúng sai, còn hết hàng. Đừng chỉ dựa vào khác biệt đỏ và xanh lá; thêm khác biệt độ sáng, biểu tượng hoặc chữ. Dùng chế độ mô phỏng trong phần mềm để tự kiểm.
Đưa ảnh moodboard lên công cụ AI có rủi ro gì?
Ảnh tải lên được xử lý trên máy chủ bên thứ ba theo điều khoản của dịch vụ. Với ảnh của khách như sản phẩm chưa ra mắt hay không gian chưa khai trương, hỏi khách trước hoặc dùng công cụ chạy trên máy để rút màu.