Bí quyết để "vào việc" với màu sắc

Làm sao để "vào việc" với màu sắc

Màu sắc có ảnh hưởng không hề nhỏ lên tâm lý của người dùng, đặc biệt những UI/UX Designers lão làng còn có những bí quyết sử dụng màu sắc để điều hướng và thôi thúc khách hàng vào những hành động CTA cần thiết.

Nghe thì tưởng đơn giản, nhưng chắc chỉ có Designers mới hiểu màu sắc mang lại đôi khi lại chính là một bài toán khó để giải ra một ấn phẩm mãn nhãn. Vậy các chuyên gia đã làm như nào để có thể "làm việc" với màu sắc mà không chút khó khăn? Hãy cùng Capi Demy nghiên cứu một vài tips nhỏ về vấn đề này nha!

‍

• Nói không với màu sắc quá sáng

Có thể ban đầu các bạn sẽ cảm thấy sử dụng màu sắc sáng hẳn lên sẽ giúp làm nổi bật phần bạn muốn nhấn mạnh và thu hút sự chú ý của người dùng vào nơi đó. Điều này không hề sai, nhưng có một nhược điểm đi kèm với nó: Gây tổn thương mắt.

Màu sắc sáng rực dễ khiến người nhìn cảm thấy nhức mắt, đặc biệt khi dark mode đang rất được ưa chuộng gần đây. Sự tương phản giữa ánh sáng khiến nhiều người nhức mắt và cảm thấy khó chịu khi sử dụng.

Một ví dụ quen thuộc, hãy nghĩ về màu vàng. Ở các sắc thái nhẹ hơn, màu vàng mang lại cảm giác thoải mái và vui vẻ. Nhưng khi tăng độ sáng lên, màu vàng có thể là chất kích thích mắt. Color Matters đã từng có hẳn một nghiên cứu chỉ ra rằng em bé có xu hướng khóc nhiều hơn khi ở một căn phòng màu vàng.

Tuy nhiên, không phải là không thể sử dụng những màu sáng nổi bật. Bạn hãy chỉnh nhẹ màu sắc độ của màu sắc để nó hài hòa hơn.

‍

Màu sắc tạo cảm giác khác biệt

2. Sử dụng đúng màu

Màu sắc có những ý nghĩa riêng và cách khác biệt để sử dụng nó cho phù hợp. Nếu bạn lựa chọn công việc của một designer, thì các bạn nên tìm hiểu qua về Tâm lý học màu sắc để có sự lựa chọn thông minh và sáng suốt hơn cho những thiết kế của mình.

Theo tâm lý học màu sắc, màu đỏ không chỉ kích thích thèm ăn mà có mối liên hệ sâu xa trong tiềm thức loài người và là màu tích cực trong nhiều nền văn hóa. Vậy nếu thiết kế cho một quán ăn nhanh mà bạn chọn màu nhẹ như xanh lam là không nên.

Để có thể tránh những phút giây nhầm lẫn, bạn hãy thử nhẩm lại những vùng, vị trí, nút chọn, ... quan trọng để lựa màu sắc cho phù hợp. Và tất nhiên, đừng quên nguyên tắc về sự thống nhất và hài hòa giữa thiết kế.

Đúng máu sắc - Đúng ý nghĩa

‍

3. Tận dụng sự đối lập trong màu sắc

Nếu bạn muốn làm nổi bật một vùng quan trọng mà sợ sẽ vấp phải vấn đề ở phần 1 - màu sắc quá sáng - thì bạn nên làm gì? Hoặc là bạn có thể tùy chỉnh lại màu sắc, hoặc là bạn lựa chọn cách dễ hơn là tạo ra sự đối lập giữa màu sắc vùng chọn và màu background.

Giữa nền background màu trắng, một hình ảnh màu đen sẽ nổi bật và được chú ý hơn là một hình ảnh màu xám. Chính sự khác biệt lại khiến người xem cảm thấy thú vị và tự nhiên hơn cả. 

Ngoài ra, hãy lưu ý những vị trí thích hợp nhất để sử dụng phương án này là những nút bấm CTA để kêu gọi nha.

‍

Màu đối lập thường có tác dụng điều hướng

‍

4. Lựa chọn Color Schemes phù hợp

Về lý thuyết màu sắc trong design, color schemes là sự lựa chọn màu sắc của bản thân người thiết kế. Màu sắc được lựa chọn sẽ sử dụng xuyên suốt trong các thiết kế khác nhau. Đây là cách để ta thống nhất được màu sắc trong suốt của thiết kế màn của mình.

Và tất nhiên, bạn không thể chọn bất kỳ màu gì mình thích được. Sự tùy ý là không được phép trong các thiết kế UI/UX nhé. Hãy chọn những màu có sự hài hòa và bổ trợ lẫn nhau thay vì quá đối lập hoặc quá khác biệt sẽ phù hợp hơn trong những thiết kế màn UI.

‍

Color Schemes nên có sự hài hòa lẫn nhau

‍

5. Đừng sử dụng quá nhiều màu sắc

Sử dụng nhiều màu sắc có thể dẫn đến loạn thiết kế và không đồng đều sự tập trung cho người dùng, dẫn đến trải nghiệm sử dụng bị kém, mất hấp dẫn trong mắt nhiều người. Giải pháp tốt nhất là hạn chế không quá lạm dụng những màu sắc không thống nhất trong Color schemes của bạn.

Số lượng màu sắc tối ưu khuyên dùng ở đây là 3-4 màu và sẽ được sử dụng trong toàn bộ màn của các bạn. Những màu sắc này cũng nên phù hợp với những quy tắc ở trên nha!

‍

Số lượng màu sắc hợp lý

6. Không thể quên lưu ý Gradient

Hiệu ứng màu gradient luôn tạo một sức hút khó chối từ, khiến thiết kế của bạn thu hút và nổi bật hơn rất nhiều. Nhưng chúng ta cần lưu ý khi lựa chọn kết hợp màu để có một gradient tuyệt đẹp thay vì để nó phá hỏng thiết kế của bạn.

Bạn cảm thấy khá "chật vật: với gradient thì giờ đây bạn không cần phải mất công suy nghĩ nên kết hợp màu nào với nhau, tự tay căn chỉnh từng tí để tạo gradient! Hãy thử nhấn vào ĐÂY để có được hiệu ứng màu lung linh như ý chỉ trong vài giây nhé!

‍

Gradient khiến ấn phẩm trông đẹp lên hẳn

‍

Lựa chọn màu sắc phù hợp cho thiết kế UI chưa bao giờ là một công việc đơn giản. Vậy các chuyên gia đã làm như nào để có thể điều hòa được những vấn đề mà thiết kế được những màn mobile app được yêu thích và đón chờ. Hãy thử cùng đăng ký khóa Mobile App Design để được các chuyên gia “bày chiêu” cho nhé!

Khóa học Mobile App Design tại Capi Demy

Link đăng ký: https://capi.eduto.net/.../form-dang-ky-khoa-mobile-app...

Thông tin chi tiết: https://capidemy.com/khoa-hoc/mobile-app-design

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.

‍