Hiểu cơ bản về màu sắc trong thiết kế cho Designer

1149 lượt xem
màu sắc trong thiết kế

Đến hẹn lại lên, bài đầu tiên sẽ gửi tới các bạn kiến thức về màu sắc. Bài viết này dành cho các bạn đang muốn tìm hiểu về đồ hoạ hay là người mới bắt đầu bước chân vào nghề, mình sẽ nói thẳng vào vấn đề chính, còn về nguyên lý màu sắc mình sẽ viết 1 bài riêng nói về nó cho các bạn.

Trước khi thiết kế, bạn có 1 bảng màu để chọn lựa. Nhưng phải tìm hiểu làm thế nào để bạn chọn được màu kết hợp ok phải không nào?

màu sắc nổi bật

Tôi cũng không muốn các bạn ăn sổi luôn, dù sao thì cũng phải đi vào tìm hiểu chút chi tiết. Để giúp bạn bắt đầu, tôi sẽ đi sâu vào các chủ đề sau:

Từ vựng – Từ các sắc thái bão hòa đến sự ấm áp và nhiều hơn nữa.
Bánh xe màu – Một công cụ mạnh để hình dung các mối quan hệ giữa các màu
Tham khảo màu sắc – Cách sử dụng bánh xe màu để chọn các màu của bạn

1. Từ vựng cơ bản về màu sắc 

Bạn hãy kiên trì đọc các thuật ngữ sau, chắc chắn sẽ giúp bạn củng cố thêm những kiến thức cơ bản và hiểu sâu sắc hơn về màu sắc trong thiết kế web, thiết kế app dành cho Designer.

Màu chính trong thiết kế

Màu sắc chính tạo thành nền tảng cho tất cả các sắc thái khác. Con người cảm nhận được ba màu cơ bản: đỏ tươi, xanh lam và vàng.

màu chính

Mỗi màu khác chúng ta thấy bao gồm sự kết hợp của ba màu sắc này với những lượng khác nhau, độ sáng, màu sắc và sắc thái khác nhau (xem bên dưới):

màu chính trogn thiết kế

Màu đỏ, xanh lá cây, và xanh lam được sử dụng để tạo màu khác???

Trên web, sử dụng các giá trị RGB (đỏ-xanh-xanh) để biểu thị màu sắc. bạn nhớ nhé!

hệ màu trong thiết kế web

Màu ấm nó có thể gợi lên cảm giác ấm áp và niềm đam mê trong thiết kế của bạn.

Màu sắc mát mẻ có chứa lượng chất xanh cao hơn, tạo ra khí hậu lạnh, băng, mùa đông, nước, ban đêm, cái chết và nỗi buồn. Nó có thể mang ý nghĩa của sự cô đơn, lạnh lùng, và sợ hãi.

Nhiệt độ của màu sắc

Tăng nhiệt độ của hình ảnh có nghĩa là làm tăng mức độ màu da cam. Nó thường làm cho một hình ảnh trông ấm hơn, tương tự bạn thấy hạnh phúc hơn khi mặt trời chiếu sáng màu da cam của nó lên nó. Ngược lại, giảm nhiệt độ của hình ảnh làm cho nó trông lạnh hơn và ít hấp dẫn, như một ngày u ám vậy.

nhiệt độ của màu sắc

Độ bão hòa, màu sắc và độ nhẹ

Độ bão hòa mô tả cường độ của một màu. Tăng độ bão hòa làm cho màu sắc phong phú hơn và tối hơn, đồng thời giảm độ bão hòa làm cho nó trông nhạt dần và nhẹ hơn. Khi chúng tôi nói “xanh nhạt” hoặc “màu xanh đậm”, chúng tôi đang mô tả sự thay đổi trong độ bão hòa.

Huế xác định mức độ mà màu sắc có thể được mô tả tương tự hoặc khác với màu đỏ, cam, vàng, xanh, xanh, chàm và tím (màu sắc của cầu vồng). Vì vậy, khi bạn miêu tả một màu như “màu xanh lục nhạt”, bạn đang định nghĩa nó theo hai màu.

Độ sáng, còn được gọi là giá trị hoặc tông màu, xác định độ sáng cảm nhận của một màu so với màu trắng tinh khiết.

2. Bánh xe màu sắc bạn cần nhớ

Một bánh xe màu cơ bản có 12 màu tiêu chuẩn được sử dụng để tạo ra các phối màu.

bánh xe màu sắc cơ bản

Có 4 kiểu sử dụng bánh xe màu, và bạn có thể áp dụng trong việc chọn màu cho thiết kế của bạn:

2.1. Bánh xe màu đơn sắc

Tôi chọn duy nhất trên bánh xe màu sử dụng cho thiết kế của mình, tôi ví dụ chọn màu tím, hãy nhìn hình bên dưới. Vẫn là tông màu tím nhưng mình có thể dung độ đậm nhạt khác nhau để thể hiện cho màu.

bánh xe màu đơn sắc

2.2. Sử dụng màu bổ sung

Dựa trên hai màu sắc từ phía đối diện của bánh xe màu. Bởi vì hai màu sắc sẽ khác biệt rất nhiều, các thiết kế sử dụng như vậy có thể rất hiệu quả và đáng chú ý.

cách sử dụng màu sắc

2.3. Sử dụng màu tương tự

Các sơ đồ tương tự có ba màu nằm cạnh nhau trên bánh xe màu. Bởi các màu này có thể tạo ra cảm giác thống nhất, không có sự đơn điệu.

cách sử dụng màu sắc tương tự

2.4. Sơ đồ màu Triadic

Để tạo một sơ đồ màu triadic sử dụng, vẽ một tam giác đều trên bánh xe màu, và chọn ba màu tại 3 góc của tam giác. Điều này tạo ra một chương trình đa dạng, nhưng cân bằng.

sơ đồ màu triadic

3. Ý nghĩa màu sắc

Mỗi màu sắc có những tông màu độc đáo và ý nghĩa của nó. Bạn có thể củng cố thông điệp tổng thể của một trang web thông qua cách chọn màu, nếu bạn cần tìm hiểu về ý nghĩa từng màu sắc hay comment bên dưới, tôi sẽ viết 1 bài riêng về nó cho các bạn. Và giờ, hãy bắt đầu màu của bạn.

Sử dụng màu chính xác, trang web của bạn sẽ cảm thấy tự nhiên hơn. Bây giờ bạn đã có những điều cơ bản, tôi khuyến khích bạn tiếp tục tìm hiểu sâu về lý thuyết màu sắc.

Nhưng điều quan trọng, hãy chắc chắn xem xét những ví dụ đẹp về màu sắc, và thực hành, thực hành, thực hành thật nhiều.

Chúc các bạn thành công !

 

luongnh avatar

Lượng Nguyễn Hữu

CEO & Co-Founder

Xin Chào, mình là Hữu Lượng. Mình tạo ra website này với mục đích chia sẻ những thông tin nhỏ hữu ích về chuyên môn, về nghề, cùng với đó là đưa lên trên này các sản phẩm LTS Studio đã thực hiện để chúng ta hiểu rõ về nhau hơn.

Nếu cảm thấy chúng ta hợp nhau, đừng ngần ngại nhấc máy lên và làm một chầu cafe để chúng ta bàn những gì cùng làm với nhau sắp tới nhé.

Behance | Dribbble | Medium | Facebook 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

DMCA.com Protection Status