Những hướng dẫn về sử dụng màu sắc trong thiết kế website (Phần đầu)

Những hướng dẫn về sử dụng màu sắc trong thiết kế website - 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. Guardian.co.uk cũng sử dụng quá nhiều nhân tố thu hút nổi bật. Nhiều các hộp màu đỏ rực làm rối mắt, và nhiều các hộp màu đậm hướng bạn ra khỏi phần nội dung có nét màu nhẹ nằm giữa trang.

Website của RNIB (Tổ chức người mù Anh quốc) cẩn thận bố trí các tông màu tương phản vừa đủ khiến tất cả các nhân tố hiển thị nổi bật hiệu quả cho những người khiếm thị vừa phải.

Bố cục và màu sắc chưa hợp lý khi xét ở một số khía cạnh. Hệ thống màu lộn xộn: Khu vực logo bên trái phía trên bắt đầu kết hợp tốt các tông màu xanh lục. Phần còn lại của trang chủ yếu lại là màu đỏ. Màu này không hài hòa được với màu xanh.

Rồi màu vàng đậm trên thanh điều hướng đầu tiên bổ sung thêm một màu cơ bản. Vấn đề là các màu cơ bản này lại không dễ dàng ăn nhập với nhau.  Màu sắc tương phản và khó chịu nhất là màu nền của thanh điều hướng thứ hai. Điều này thu hút mắt trước tiên vào nhân tố ít có giá trị thậm chí trước cả logo của site hoặc bất cứ nội dung nào.

Tránh đặt màu sắc rất giống nhau liền kề với ảnh

Trang này dành cho sòng bạc của Harrah sử dụng màu tía mạnh gần kề với ảnh chụp. Sắc độ của màu tía không hợp với các màu tinh tế trong bức ảnh làm cho các màu dường như xám xịt và có vẻ gì đó hơi bẩn.

Tránh sử dụng quá nhiều màu sắc khác nhau Nhiều màu có thể trông có vẻ lòe loẹt hoặc sặc sỡ thái quá. Tất nhiên một số màu hài hòa với nhau, một số màu lại không ăn nhập với nhau, đặc biệt khi đặt liền kề nhau, tạo nên những hiệu quả rất xấu khi hiển thị.

Sự kết hợp của các màu xung đột nhau khiến chữ khó đọc, tồi tệ hơn nữa lại gồm font chữ nhỏ xíu.

Việc đặt các khu vực màu liền kề cạnh các khu vực màu xám hay ít sẫm màu có thể trông rất thông minh.

Luke Wrobleski cho rằng nhiều các website doanh nghiệp sử dụng hệ thống màu an toàn tương tự mà chúng trông giống nhau. Anh ta thấy nên sử dụng sáng tạo hơn về màu sắc trên những trang web. Anh ta nói rằng, nếu chúng ta chấp nhận các lợi ích làm việc với các quy ước bố cục và những hạn chế vốn có của nó, màu sắc sẽ trở thành một cách thu hút và hữu dụng hơn nhằm làm khác biệt các thiết kế.

Luke cũng đề xuất một cách rất hay trong việc tìm hệ thống màu sắc bổ sung: tận dụng cảm hứng từ Tự Nhiên.

Các hạn chế của màu sắc: Sự mù màu

Một số người (chủ yếu là đàn ông) không có khả năng phân biệt các màu riêng rẽ nhất định. Có vài loại mù màu, phổ biến nhất tác động đến màu đỏ và màu xanh lá cây (chúng dường như xuất hiện rất giống nhau) Hàm ý của điều này là: Bạn không nên sử dụng màu sắc (đặc biệt màu đỏ và màu xanh lá cây) để đánh dấu các yếu tố khi một người sử dụng cần để phân biệt các màu sắc để sử dụng giao diện. Các hướng dẫn có thể bị ảnh hưởng của W3C tuyên bố ưu tiên số 1 như sau (ví dụ: bạn cần tuân theo những yêu cầu này để tuyên bố sự tuân thủ ANY W3CAG):

+ Đảm bảo rằng tất cả các thông tin được truyền đạt bằng màu sắc cũng có sẵn khi không có màu sắc, ví dụ từ ngữ cảnh hoặc sự đánh dấu.

+ Đảm bảo rằng sự kết hợp màu sắc nền phía sau và phía trước cung cấp sự tương phản hiệu quả khi được xem bởi ai đó không phân biệt được màu sắc hoặc khi được hiển thị trên một màn hình đen trắng.