Hướng dẫn phối màu thiết kế UI cho người mới bắt đầu

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. Đôi khi bạn tưởng như đã tìm thấy những màu sắc cực kỳ bắt mắt và ưng ý, nhưng khi kết hợp lại tạo nên những tác phẩm có phần “hại mắt”!!!

Bước 1: Lựa chọn màu cơ bản
Tạo 1 hình mới và chọn mã màu bạn mong muốn. Đây sẽ là màu chủ đạo trong sản phẩm thiết kế của bạn. Hãy thử những màu nổi (vibrant) và có độ bão hòa cao (saturated) để cho kết quả tốt hơn!

‍

Bước 2: Lựa chọn màu thứ cấp.
Nhân bản màu cơ bản của bạn và đổi sang chế độ màu HSB. Cài đặt giá trị S (Saturation) trong khoảng 5-10 và giá trị B (Brightness) trong khoảng 95-100.

‍

Bước 3: Lựa chọn màu nhấn
Tiếp tục nhân bản màu gốc lần nữa. Tăng hoặc giảm giá trị H (Hue) khoảng 30-40 và tăng giá trị B (Brightness) lên khoảng 5-10.

‍

Bước 4: Ứng dụng vào thực tế
Sau khi đã tạo được một bảng phối màu hoàn chỉnh, giờ là lúc để ứng dụng nó lên thiết kế của bạn. Hãy thử ứng dụng nguyên tắc 60/30/10 nhé!

‍

Bonus Tips:
Bạn cũng có thể sáng tạo những cách ứng dụng khác nhau từ cùng một bảng màu

‍

Đọc đến đây, bạn hẳn đã biết phối màu thiết UI như thế nào rồi đúng không nào? Follow Capi Demy để biết thêm thật nhiều kiến thức UI/UX hữu ích nha!

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.

‍