Màu sắc là một công cụ tuyệt vời nhất cho người thiết kế. Có rất nhiều cách dùng màu sắc để truyền tải thông điệp của bạn đến với người xem. Màu sắc chứa đựng nhiều ý nghĩa, thể hiện cá tính, nét riêng biệt, bố cục cũng như giúp ta nhấn mạnh những điểm quan trọng.

dung-mau-trong-thiet-ke-website

Cách thức phối hợp màu sắc trong website

Một website có giao diện thu hút chắc chắn phải được phối màu một cách hợp lý. Nếu không có màu sắc, trang web sẽ mất đi cá tính riêng của nó. Với màu sắc được phối hợp lý và thống nhất ,trang web sẽ thể hiện được đúng tính chất của nó. Dùng quá nhiều màu hoặc màu sắc hỗn độn sẽ đem lại cảm giác khó chịu cho người xem.

Thường khi thiết kế một website thường có một tông màu chủ đạo.Tuy nhiên vẫn có những website sử dụng nhiều tông màu khác nhau.

Ví dụ: Trang Apple.com, mỗi trang con của nó đều có những tông màu khác nhau. Ở trường hợp này, sự thống nhất phụ thuộc vào cách xử lý khéo léo của người thiết kế.

Ví dụ về màu sắc chưa đủ độ trong một website

Trang chủ của Starbuck thiếu màu một cách trầm trọng
Trang chủ của Starbuck thiếu màu một cách trầm trọng

Màu nền xám của website là một màu nhờ nhờ và không có điểm nhấn trên trang.Tuy nhiên tại thời điểm này thì trang của Starbuck đã sinh động và có màu sắc hơn rất nhiều phiên bản trước.

Dùng màu đủ độ

Dùng ít màu mạnh làm cho website trở nên buồn tẻ và nhạt nhoà. Màu sắc là một cách thức tốt để nhận dạng, nhóm lại hay phân chia riêng rẽ các thành phần của website với nhau. Nó làm cho website nhẹ hơn nhiều khi tải về (đặc biệt nếu sử dụng tối đa CSS-Cascading Style Sheets trong website). Nếu bạn dùng quá ít màu bạn cũng nên nghĩ một cách nào đấy để thu hút mắt quan sát vào các thành phần chính của website.

Để những khoảng trắng

Màu trắng là một màu tuyệt vời để có thể làm nền cho text bên trên. Người ta thường đặt nội dung bằng chữ đậm lên trên một nền trắng (hoặc một nền sáng màu). Mảng màu trắng (hay sáng màu) thường được dùng để đặt nội dung website.

Dùng nền sáng nhất cho phần nội dung chính.

Hãy dùng màu nền sáng nhất cho phần nội dung chính của bạn. Lý do đơn giản là não bộ của bạn có thể dễ dàng tìm thấy và thu hút vào phần nội dung trên nền sáng đó.

Ví dụ: Hãy ghé thăm trang pixelgraphix.de . Phần nội dung được hiển thị trên các ô vuông màu xám nhạt được đặt lên trên nền trắng. Bạn có thể thấy, đôi mắt của bạn không bao giờ muốn chú ý vào những khoảng xám mà cứ đi tìm kiếm những mảng màu trắng sáng hơn thế.

Trang chủ của đài tiếng nói Ireland dùng màu nền cho nội dung chính là một màu xanh nhợt với text đen. Nó làm phần nội dung chính rất khó nhìn.

Hãy dùng những màu mạnh để thu hút mắt nhìn

Những màu mạnh luôn luôn thu hút sự chú ý của mắt người xem.Mảng màu đó càng lớn càng gây được nhiều sự chú ý. Tuy nhiên nếu dùng quá nhiều màu mạnh sẽ làm cho mắt ta bị loạn lên và không biết sẽ phải nhìn vào đâu nữa, đừng để việc đó làm mất đi sự hiểu quả của việc dùng những màu mạnh.

guardian.co.uk dùng quá nhiều khu vực có màu sắc gây sự chú ý. Có quá nhiều các bảng màu đỏ làm cho mắt ta bị rối.Chưa kể còn rất nhiều bảng dùng màu nặng nề làm ta không còn dành sự chú ý cho nội dung chính của trang web.
guardian.co.uk dùng quá nhiều khu vực có màu sắc gây sự chú ý.
guardian.co.uk dùng quá nhiều khu vực có màu sắc gây sự chú ý.

Trong khi đó màu website của RNIB lại không đủ để tạo được sự tương phản. Màu sắc trong website không được phối hợp lý. Có lẽ không nên phối màu xanh của logo với màu đỏ nhạt ,màu vàng và… hồng nhạt.

Nên đảm bảo sự tương phản tối đa giữa menu và màu nền. Hãy làm cho website của bạn rõ ràng và khiến cho người dùng có thể dễ dàng duyệt website. Đừng để mắt của bạn cứ hút vào những phần phụ của website mà bỏ qua đi Logo và nội dung chính cuả trang.

Tránh đặt các màu mạnh cạnh những bức ảnh

Website Harrah’s Casino dùng màu tím đậm ngay cạnh một bức ảnh khu Casino. Màu tím và một số màu khác trên bức ảnh đặt cạnh nhau làm mọi thứ dường như rối rắm và nặng nề hơn.
Harrah’s Casino
Harrah’s Casino

Tránh sử dụng quá nhiều màu khác nhau.

Sử dụng quá nhiều màu sẽ làm cho trang web bị rối mắt hoặc trở nên loè loẹt thái quá.

Chưa kể có những màu khi để cạnh nhau sẽ tạo ra những hiệu ứng rất tệ.

Sự kết hợp của 2 màu nâu và xanh nhạt này làm cho chữ thật khó đọc, chưa kể đó còn do dùng font chữ quá nhỏ.

Phối màu lấy cảm hứng từ thiên nhiên.

Luke Wrobleski- một designer cho rằng các tập đoàn lớn thường sử dụng những tông màu an toàn và hầu hết các website của các cty đều có tông màu hao hao nhau. Anh ta cho rằng cần có sự sáng tạo hơn trong việc sử dụng màu sắc.Nếu tự bằng lòng với những bản thiết kế quen thuộc chúng ta sẽ không thể tự vượt ra khỏi giới hạn của chính bản thân mình.

Những website của các tập đoàn lớn thường hao hao nhau (HP, IBM, Dell, Microsoft)

Luke Wrobleski đã nghĩ ra một cách phối màu cũng khá thú vị : Lấy màu từ thiên nhiên.

Theo Principal