Màu sắc là một công cụ tốt nhất của người thiết kế. Có rất nhiều cách sử dụng nó để
giúp truyền tải thông điệp. Màu sắc có thể mang ý nghĩa, diễn tả tính cách, sự phân biệt,
cấu trúc và nội dung nổi bật.
Những hướng dẫn về việc sử dụng màu, ứng dụng cách phối màu
Về mặt thị giác các trang web đòi hỏi một cách phối màu nhất quán. Không có màu sắc,
trang web thiếu đi nét riêng. Với cách phối màu cân xứng và nhất quán, trang web có thể
có một nét hài hoà và kiên định. Nếu có quá nhiều màu hoặc lạc màu thì trang web đó mang tính gượng gạo.
Cách phối màu thường dựa vào hệ thống nhất quán từ sự phù hợp màu sắc. Nó có thể là cách lựa chọn sử dụng màu mà không cần phụ thuộc đến một nhóm màu.
Ví dụ, Apple.com sử dụng các màu khác nhau cho những bài mục khác nhau, nhưng các màu được sử dụng theo cách như nhau. Trong trường hợp này, sự nhất quán lấy từ sự
nghiên cứu và ứng dụng.
Ví dụ về sự thiếu màu
Trang chủ của Starbucks đang thiếu sự phối màu.
Nền màu xám của trang chủ thiếu hấp dẫn. Nhãn hiệu này gợi nhiều đến phong cách vì kho hàng của Starbuck có những thiết kế sinh động. nhưng website hoàn toàn thiếu nét
riêng.
Hãy sử dụng đủ màu
Việc sử dụng màu quá ít khiến cho giao diện trở nên nhàm chán hoặc trơ trọi. Màu sắc là một cách tin cậy cho việc nhận biết, tập hợp hoặc phân biệt các yếu tố. Nó ít tốn tiền hơn ( đặc biệt khi được ứng dụng qua CSS – Cascading Style Sheets). Nếu bạn sử dụng quá ít
màu thì bạn phải dùng những cách khác để thu hút mắt, để phân biệt và đưa ra ý nghĩa
Hãy để lại khoảng trắng
Màu trắng là sắc thái tốt nhất cho việc đọc bản text tương phản. Người ta quy ước đặt nội
dung trên nền màu trắng (hoặc màu rất nhẹ). Những vùng màu trắng làm nổi bật các vùng nội dung.
Hãy sử dụng nội dung chính trên nền màu sáng
Tôi sẽ dính đề mục của tôi ở đây và thấy rõ rằng; Màu trắng là màu tốt nhất để đặt nội
dung chính. Vùng màu sáng nhất trên trang web của bạn sẽ là vùng nội dung, bởi vì đó là qui ước và là những điều người ta mong đợi.
Ví dụ
Hãy xem trang pixelgraphix.de. Với stylesheet mặc đinh thì đoạn text chính được hiển thị
trong các hộp màu xám rất nhẹ tương phản với nền trắng. Hãy chú ý đến cách mắt của
bạn không muốn tập trung vào các hộp màu xám - nó muốn nhìn vào màu trắng vì một số
lý do.
Trang chủ của nhà cung cấp dịch vụ dải tần rộng Ailen HEAnet sử dụng các vùng mặt
màu trắng, nhưng không dùng cho vùng nội dung. Nội dung tương phản với màu nền xanh dương không đủ nhạt cho lắm. Điều này làm nó thực sự rất khó khăn để tập trung
vào nội dung. (adsbygoogle = window.adsbygoogle || []).push({});
Hãy giữ các màu mạnh để thu hút mắt
Màu mạnh thu hút mắt và vùng này càng lớn thì càng thu hút nhiều sự chú ý. Quá nhiều
màu mạnh sẽ phân tán sự tập trung của mắt và phương pháp kỹ thuật này làm mất đi hiệu
quả tiềm năng của nó.
collegeclub.com sử dụng quá nhiều màu mạnh và sự tương phản nên gây ra mắt không
Phạm vi vùng màu vàng cam mạnh ở giữa trang là yếu tố thu hút nhất nhưng không bao
gồm nội dung có giá trị cao. Đây lại là một bản thiết kế lỗi.