Lý thuyết màu sắc cho dân thiết kế, Phần 2: Để hiểu được các khái niệm và các thuật ngữ về màu sắc

Tóm tắt nhanh: Để có thể sử dụng màu sắc một cách hữu hiệu trong các thiết kế của mình, bạn sẽ cần phải biết một số khái niệm về màu sắc, cũng như các thuật ngữ nhất định về chủ đề màu sắc.

Trong phần 1, chúng ta đã được đi qua toàn bộ ý nghĩa của màu sắc. Ở phần này, chúng ta sẽ được tìm hiểu những thứ cơ bản có thể tác động đến một màu sắc. Ví dụ như thêm sắc xám, trắng hay đen vào một màu nào đó, và những tác động của nó ảnh hưởng đến bản thiết kế của chúng ta như thế nào (cùng với các ví dụ).

Hue là một thuật ngữ cơ bản nhất dùng để chỉ màu sắc của một đối tượng nào đó. Khi chúng ta nói “màu xanh lam”, “màu xanh lục”, hoặc “màu đỏ”, chúng ta đang nói về Hue. Những tông màu mà bạn sử dụng trong những thiết kế của mình sẽ truyền tải những thông điệp quan trọng đến với người xem. Để tìm hiểu rõ hơn về những ý nghĩa mà các tông màu khác nhau truyền tải, các bạn có thể xem lại phần 1 của series này.

1. https://www.smallvictori.es/

2. Franky Rizardo's Website

3. http://www.headofffice.com/

Chroma là thứ cho chúng ta biết được độ “tinh khiết” của một màu sắc. Một tông màu với độ tinh khiết cao thì sẽ không bị pha thêm màu đen, trắng hay xám vào đấy nữa. Ngược lại, khi pha thêm màu trắng, xám hoặc đen sẽ làm giảm đi sự tinh khiết ban đầu của màu đó. Nó khá tương tự với độ bão hoà nhưng không giống hoàn toàn. Chroma cũng có thể coi như là độ sáng của màu khi so sánh với màu trắng.

Trong thiết kế, tránh sử dụng những màu mà có mức chroma tương tự nhau. Thay vào đó, chọn những màu với mức chroma khác nhau, hoặc cách nhau một vài nấc trên nấc thang màu.

1. https://neobi.it/

2. https://2018.aninterestingday.com/

3. http://www.mrmarcelschool.com/

Saturation (hay còn gọi là độ bão hoà màu) là cách mà một màu sắc được hiển thị dưới những điều kiện ánh sáng khác nhau. Các bạn hãy thử nghĩ về độ bão hoà dưới mức độ đậm - nhạt theo các cường độ ánh sáng mạnh - nhẹ khác nhau.

Trong thiết kế, những màu sắc với mức saturation giống nhau sẽ giúp bản thiết kế của bạn trở nên tương đồng và gắn kết hơn. Tương tự như chroma, những màu giống nhau nhưng lại có độ bão hoà khác nhau có thể gây nghịch mắt người xem.

1. https://www.nuageapp.com/

2. https://www.cirq.com/

3. https://nameoflove.com/

Value cũng có thể gọi là “Độ sáng” của màu. Bởi vì từ value chúng ta sẽ biết được mức độ sáng tối của một màu. Những màu sáng thì có mức value cao (và ngược lại). Ví dụ, màu da cam có mức value cao hơn so với màu xanh biển hoặc màu tím đậm. Vì thế, màu đen là màu có value thấp nhất trong tất cả các màu, còn màu trắng thì có mức value cao nhất.

Khi áp dụng value vào trong thiết kế, hãy sử dụng những màu mà bạn ưu thích với nhiều thông số value khác nhau, đặc biệt những màu có mức chroma cao. Những giá trị có tính tương phản cao sẽ mang lại kết quả rất tốt cho những thiết kế của bạn.

1. http://www.2026.io/

2. http://www.wokine.com/

3. http://waaark.com/

Tones (Tông màu) được tạo ra bằng cách thêm màu xám vào trong một màu nào đó. Những màu được thêm tone nhìn chung sẽ xám xịt và trông đỡ gắt hơn so với tông màu gốc.

Đôi khi bạn sẽ thấy khá dễ dàng để thêm tone vào những thiết kế của mình. Việc thêm màu xám có thể sẽ đem lại một chút cảm giác hoài cổ (vintage) cho những thiết kế của mình. Tuỳ thuộc vào những màu sắc được sử dụng, ta có thể đem lại cảm giác thanh lịch và tao nhã cho những bản thiết kế của mình thông qua việc sử dụng Tones.

1. http://linemotion.com/

2. http://vrge.us/

3. https://flockknitwear.co.uk/

Khác với tone, shade được tạo ra khi ta thêm màu đen vào trong một màu nào đó, làm cho nó trở nên tối hơn. Mọi người thường hay bị nhầm lẫn giữa tint và tone, nhưng shade thì không. Bởi vì shade chỉ đơn giản là làm cho màu sắc trở nên tối hơn bằng cách thêm màu đen vào nó.

Trong thiết kế, những màu tối với mức shade cao đôi khi sẽ được sử dụng để dùng thay thế cho màu đen và cũng giúp đen lại sự trung tính. Sự kết hợp giữa những màu shade với tint hoặc những màu trung tính sáng màu là cách hữu hiệu nhất giúp bản thiết kế của bạn không bị quá tối hoặc cảm giác nặng nề.

1. https://jonikorpi.com/

2. http://www.walvis.be/

3. https://revolutionmessaging.com/

Tint được hình thành khi ta thêm màu trắng vào Hue, làm cho nó sáng lên. Các tông màu sáng đôi khi còn được gọi là màu pastel. Dẫu vậy về mặt kỹ thuật, bất kỳ một màu hue nào khi thêm màu trắng vào thì đều thành tint, kể cả khi màu đó cũng khá là sáng.

Tints thường được sử dụng để tạo ra những bản thiết kế có hơi hướng nữ tính hoặc nhẹ nhàng. Các tông màu pastel đặc biệt thường được sử dụng để làm cho bản thiết kế trở nên nữ tính hơn. Mặc dù có nhiều trường hợp trang web sử dụng màu pastel lại làm tăng vẻ nam tính hoặc có vẻ trung tính hơn. Chúng cũng là những màu rất là phù hợp với những thiết kế có tính vintage hoặc những website phổ biến dành cho trẻ sơ sinh hoặc trẻ nhỏ.

1. http://www.nurturedigital.com/

2. https://felicegattuso.com/projects/timedropper/

3. https://www.makemylemonade.com/

Nếu bạn không có nhu cầu phải nhớ hết các thuật ngữ hơi nặng về lý thuyết ở trên, thì tôi cũng khuyên bạn nên làm quen với những khái niệm cơ bản, đặc biệt nếu bạn muốn thành thạo phần 3 của series này (ở phần 3 chúng ta sẽ học cách tạo ra bảng màu của riêng mình). Cuối cùng, đây là bản “siêu rút gọn” dành cho bạn:

Hue là màu (bao gồm 12 màu khác nhau trên bảng tuần hoàn màu sắc)Chroma là độ “tinh khiết” của màu (một màu với mức chroma cao thì sẽ không có màu đen, trắng hay xám trong đó)Saturation dùng để chỉ cường độ của một màu (hay cũng có thể nói là độ bão hoà màu). Màu có saturation cao thì sẽ rực rỡ, còn saturation thấp sẽ có cảm giác màu bị xỉn.Value dùng để chỉ mức độ sáng tối của màu đó (Màu càng sáng sẽ có mức value càng cao).Tones được tạo ra khi ta thêm màu xám vào trong một màu nào đó, làm cho màu đó xỉn hơn so với màu gốc.Shades được tạo ra khi ta thêm màu đen vào trong một màu nào đó, làm cho màu đó tối hơn so với màu gốc.Tints được tạo ra khi ta thêm màu trắng vào trong một màu nào đó, làm cho màu đó sáng hơn so với màu gốc.

Source:

Color Theory For Designers, Part 2: Understanding Concepts And Color Terminology — Smashing Magazine
If you’re going to use color effectively in your designs, you’ll need to know a few color concepts, as well as color theory terminology.www.smashingmagazine.com

Translator & Editor: Vohavu

Link phần 1:
http://spiderum.com/bai-dang/Ly-thuyet-mau-sac-cho-dan-thiet-ke-Phan-1-Y-nghia-cua-mau-sac-p5e


Bài dịch này tốn rất nhiều công sức của mình. Dẫu mình đã rà soát lại nhiều lần nhưng có thể còn nhiều sai sót, hy vọng các bạn nếu tìm được lỗi có thể comment ở dưới. Mình sẽ rất vui và cảm ơn.

Thanks for reading!!! :>