Đồ họa máy tính - Dùng màu trong thiết kế website

Dùns màu trone thiết kế 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 n h ấ 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. UCKX COM our coltect our stores i U r t x K k t C i t đ in groc«iy (or business «bout Ui K8flnKhr»i.Bcflittur.ttolâ.XÜ ăũoăãiÃãĩããB t e a y o u « a « B g t t t r i Y t f t f . Mtc«r.MvjK Viknuoc Ou* w f e n M i r b u t k j D v c U o ~ . Y u » S . üaa s ã t Cafd eat i sat. s««r<h Vrrrrrm»-■. v . i ____ V -II - - ỉubunb« V* (Me trem Su'bvcfcs.com. 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 ứắ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 chinh 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. G uardian Son «1 « frow OềỂf «AV« «004 woe Im cyyO K M ioi'M M n ■ t«4l your mov» krvmttog* wtf\ Goto: U N . - . O J V G o 1 GuardianUnlimítedí » A/Chi*» Vfcwch Am Books Buuntts Education F*n FoofeMl Jotos Ufe I M n *y Otovofwf Ontno PoUbc« Shopping SocKXy sport Tail Trmtf UK m m World I 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. C J k k H i r e T o P l a y N o w ! Harrafts #M »*A í ' * H O T ll ROOMS ► HAN VOự* TU# ► CAMỈKC » fN TfftTA IkV fN T ► OWING * T H W CSTO O O » CVtNT C A IfNOAH » fft0 M0 S 4 K (W S ► C*Oun 4 MUTlNCS 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, Deli, 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.