Hướng dẫn cơ bản về màu sắc trong thiết kế web

Website là một phương tiện rất trực quan trong giao tiếp mọi người, trong đó màu sắc đóng vai trò rất lớn trong quá trình giao tiếp. Những nhà thiết kế web thực sự hiểu được sức mạnh của màu sắc có thể tạo ra những “tài sản” trực tuyến theo cách cuốn hút mà các nhà thiết kế khác không thể làm theo cách của họ được.
Bài hướng dẫn chúng tôi trình bày sau đây sẽ đưa bạn vào một chuyến du hành để khám phá xuyên suốt thế giới của màu sắc, và nó có thể sẽ giúp ích cho công việc thiết kế web của bạn.

Định nghĩa về màu

Thế giới của chúng ta đang sống luôn bị tác động bởi màu sắc. Nó ảnh hưởng đến trạng thái của tất cả mọi người, cả tích cực lẫn tiêu cực. Màu sắc thậm chí tác động đến sự thèm ăn của bạn. Điều kỳ quặc là những màu chúng ta thấy không gì hơn là ánh sáng phản xạ từ những vật thể khác nhau được hấp thụ và lọc bởi mắt con người.

Nhưng màu sắc thật sự đến từ đâu? và chúng ta ứng dụng chúng như thế nào ở việc thiết kế web lẫn thiết kế đồ họa ?

Hues – dãy màu

Đây là thứ tinh khiết nhất của màu sắc và chúng có tất cả là 12 màu. Con số này bao gồm 3 màu cơ bản (primary), 3 màu thứ cấp (secondary) và 6 màu khác (tertiary). 12 màu sắc cơ sở hình thành tất cả màu khác trong quang phổ, do đó bạn có thể sử dụng chính màu của nó hoặc pha trộn với màu khác để tạo ra thêm một màu mà bạn muốn.

hue
Hue

Tints -vùng sáng

Mặc dù nghe có vẻ như là một khái niệm phức tạp, một màu tint đơn giản là màu nguyên mẫu được pha thêm màu trắng. Nó chính là một màu nguyên mẫu được làm sáng hơn, một số người còn gọi nó là màu phấn (pastel) . Tints/pastel cho cảm giác dịu mắt đối với người xem và nói chung và  hữu ích trong tất cả khía cạnh khác của công việc thiết kế, bởi vì chúng là những màu sắc dễ nhìn.

Shades – vùng tối

Shade đối nghịch lại với tint, nó chính là màu gốc được pha thêm đen, làm cho chúng có tối màu hơn. Bất cứ bảng màu của phần mềm nào đều cho phép bạn chọn màu tối hơn dần theo từng cấp cho đến màu đen tuyệt đối. Shades/darker có một chổ đứng trong thiết kế web, nhưng chúng thường bị lạm dụng và làm các trang web có màu sắc bảo hòa. Nó cũng gây khó khăn cho mắt nếu tập trung trong một thời gian dài.

Tone – vùng trung gian

Tone là một trong những màu chính trong dãy 12 màu được thêm vào cả hai màu trắng và đen. Dĩ nhiên nếu bạn pha cả trắng lẩn đen vào bức ảnh hay một màu nền có nghĩa là bạn đang thêm màu xám, đó là cách mà hầu hết các nhà thiết kế chuyên nghiệp sử dụng để cân bằng vùng sáng và vùng tối, giúp bức ảnh có chiều sâu và bắt mắt hơn.

Print

Sơ đồ quan hệ giữa Tin - Tone - Shade
Sơ đồ quan hệ giữa Tin – Tone – Shade

Saturation – độ bảo hòa

Về cơ bản đây là phản ứng của một màu dưới điều kiện ánh sáng, thường thì nó được lưu ý nhiều ở thiết kế nội thất hơn thiết kế web. Trong thiết kế web, sarturation thường được đề cập theo cách đơn giản để nói đến độ sặc sở của màu sắc đó, những bức ảnh có màu sắc thái quá hoặc các phần tử thiết kế nên được áp dụng saturation một cách tiết chế, nếu không bạn sẽ gây cảm giác khó chịu cho người xem .

Intensity – cường độ

Một bức ảnh có độ sáng hay mờ được quyết định bởi “intensity”. Màu có cường độ cao như màu đỏ có thể tác động kích thích lên tâm lý và cơ thể, ngược lại những màu có cường độ thấp hơn như xanh lá hay xanh dương sẽ tạo cảm giác dễ chịu cho người xem. Sử dụng cường độ màu sắc là một trò chơi tâm lý có thể tác động lên trực tiếp người xem.

600px-HSLSphere.svg (1)
Bảng màu: Những màu càng gần trục sẽ sáng dần đến trắng (achromatic). Những màu có cùng độ bảo hòa (saturation) và độ sáng sẽ (lightness) có cùng sắc độ. Những màu nằm trên cùng dãy màu (hue) và cùng độ bảo hòa (saturation), nhưng khác nhau ở độ sáng (lightness) sẽ nằm ở vùng sáng (tint) và tối (shade) Những màu trên cùng một dãy màu (hue) và độ sáng (lightness), nhưng khác nhau độ bảo hòa(saturation) được gọi là các màu trung gian (tone) Nguồn: wiki

Màu sắc trong thiết kế web

Bạn vừa đã có khái niệm về màu sắc, vậy chúng ta sẽ áp dụng màu sắc như thế nào trong công việc thiết kế web?

Như đã nói, màu sắc là một phần quan trọng đối với cách giao tiếp của website với khách truy cập, nó thật sự quan trọng nếu bạn đang thiết kế website cho khách hàng của mình. Đã có rất nhiều nhà thiết kế web tự đánh mất khách hàng của mình bằng cách tạo ra trang web với màu nền thật đậm, tương phản với thành phần khác với màu quá sáng gây chói mắt người xem. Nên nhớ rằng, bạn đang thiết kế trang web cho khách truy cập chứ không phải tạo ra chúng để phục vụ ý thích bạn.

Màu sắc khi sử dụng hợp lý sẽ tác động lớn đến trải nghiệm của người dùng (user experience – UX), đó là lý do tại sao bạn phải cẩn trọng khi sử dụng chúng. Nếu bạn còn nghi ngờ điều đó, hãy kiểm chứng bằng cách xem các trang e-commerce lớn hoặc website của Google, bạn sẽ nhận ra rằng bất cứ màu sắc họ sử dụng trên trang web đều có chủ đích. Một ví dụ khác, như Coca Cola, họ chỉ sử dụng tối giản 2 màu, nhưng cực kỳ hiệu quả để quảng bá thương hiệu của mình.

Nếu bạn chưa thật sự làm chủ màu sắc trong thiết kế, thì đây là lúc tốt nhất để làm điều đó. Tham khảo các website được thiết kế bởi các nhà thiết kế chuyên nghiệp sẽ giúp bạn nhiều điều bổ ích.

Nguồn: A Web Designer’s Guide To Color – http://www.webdesign.org/

color-wheel-poster

Facebook Comments

Ý kiến của bạn

bình luận