5 tips sử dụng màu sắc cho UI Designer

‍

Màu sắc trong UI design vô cùng phong phú và sống động. Đôi khi, chúng mang khả năng tác động vào yếu tố tâm lý trong khách hàng, thúc đẩy họ thực hiện những hoạt động trên giao diện của chúng ta.

Các UI Design hãy cùng tham khảo và kiểm nhiệm những tips sử dụng màu sắc được chuộng trong giới UI/UX dưới đây nhé!

1. 60 - 30 - 10

Khi bạn càng chuyên sâu vào thiết kế UI, bạn sẽ càng ngày càng có nhiều sự lựa chọn phối màu cho các thiết kế của mình được đa dạng và đẹp mắt. Nhưng nếu kể tên một nguyên tắc phối màu cơ bản trong thiết kế UI mà bạn phải nhớ, chỉ có duy nhất một luật quan trọng sẽ làm tiền đề cho mọi thiết kế của bạn. Đó chính là luật “60 - 30 - 10”. 

Cụ thể, giao diện của bạn sẽ có 60 % màu chủ đạo (nên là màu trung hòa), 30% màu phụ và 10% là màu nhấn. Quy luật này giúp bạn tạo giao diện áo dễ nhìn và cân bằng hơn cho người sử dụng. Điều này hiệu quả vì nó giúp tạo ra cảm giác cân bằng và cho phép mắt di chuyển thoải mái từ tiêu điểm này sang tiêu điểm tiếp theo. Quy luật này được áp dụng rộng rãi và phổ biến trên cả những app nổi tiếng.

‍

2. Ý nghĩa của màu sắc

Có rất nhiều các trường hợp thực tế đã chứng minh cho ta rằng màu sắc tác động rất lớn tới tâm lý mỗi người. Thậm chí rất nhiều nhà tâm lý học đã nghiên cứu kĩ lưỡng và cho ra rất nhiều các kiến thức về sự ảnh hưởng khác biệt giữa các màu sắc lên tâm lý của con người. Các Designers nên tham khảo thêm kiến thức và vấn đề này mỗi khi bắt tay vào thiết kế.

Ảnh hưởng và hiệu quả của từng màu sắc tác động đến con người là khác nhau, hãy xem xét và phân tích thật kỹ thương hiệu của mình để lựa chọn màu sắc kích thích người mua hàng đến với mình nhất nhé!

‍

3. Độ đậm nhạt của màu

Tương tự với vấn đề trên, khi lựa chọn được màu sắc ưng ý cho thương hiệu của mình, bước tiếp theo hãy quyết định đến mức độ đậm nhạt khác nhau cho từng vị trí nhé. Độ đậm nhạt thích hợp có những ảnh hưởng đến cả cảm xúc và tạo ấn tượng khác biệt của người dùng.

Bạn có thể sử dụng sự tương phản và nổi bật giữa màu sắc để tạo điểm nhấn cần thiết ở mỗi giao diện. Điều chỉnh chính xác độ đậm nhạt để tăng khả năng tương tác của khách hàng cũng là một điều mà các UI designers nên cân nhắc.

‍

4. Tính nhất quán

Để tránh sự rối loạn khi sử dụng quá nhiều giao diện trong cùng một app, website, …; cũng như để tăng độ nhận diện của công ty. Bạn nên có một sự nhất quán đối với những màu sắc mà bạn chọn làm màu thương hiệu và sử dụng xuyên suốt để nhấn mạnh hình ảnh thương hiệu trong tâm trí khách hàng. 

Nếu bạn đã lựa chọn được một màu sắc thương hiệu cho giao diện, hãy tận dụng nó cho cả các logo, tên thương hiệu, … Sự nhất quán mang lại sẽ được người sử dụng nhớ lâu hơn so với cách khác. Rất nhiều các hãng nổi tiếng như Coca, Shopee đều đã tận dụng tốt điều này để gây ấn tượng với mọi khách hàng.

‍

5. Màu tương phản

Gợi ý cuối của chúng mình để giúp bạn sử dụng màu sắc được tối ưu đó chính là lựa chọn kết hợp giữa các màu tương phản với nhau. Màu tương phản có tác dụng phân tách các phần trong một giao diện và thu hút sự chú ý của người dùng vào các vị trí đó. 

Ánh mắt người dùng thường sẽ bị thu hút với những điểm có sự khác biệt lớn trên một giao diện sử dụng. Thường nên tận dụng sự đối lập màu sắc để sử dụng vào trong CTA Button để làm nổi bật và thúc đẩy khách hàng bấm vào nút đó.

‍

Tổng hợp bởi đội ngũ Capi Demy. 

Nếu bạn có câu hỏi nào đừng ngần ngại kết nối với đội ngũ Capi Demy nhé, chúng mình luôn ở đây và làm điểm tựa vững chắc cho các bạn!

Thông tin liên hệ tư vấn: 

Fanpage: Capi Demy

Email: capidemy@gmail.com

Website:

Capidemy.com

Địa chỉ:

Cơ sở 1 HN: Tầng 6, số 35 Tô Vĩnh Diện, Khương Trung, Thanh Xuân, Hà Nội

Cơ sở 2 HN: Tầng 2 số 2 ngách 28, ngõ 93, Hoàng Văn Thái, Thanh Xuân, Hà Nội.

‍