Dùng màu trong thiết kế website

Một phần của tài liệu Bài giảng - Giáo án: Bài giảng trong web màu săc thể hiện như thế nào? (Trang 73 - 77)

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.

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

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

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.

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.

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.

Một phần của tài liệu Bài giảng - Giáo án: Bài giảng trong web màu săc thể hiện như thế nào? (Trang 73 - 77)

Tải bản đầy đủ (PDF)

(100 trang)