Cách chọn màu sắc cho trực quan hóa dữ liệu

 (blog.datawrapper.de)
16 điểm bởi xguru 2020-09-07 | 1 bình luận | Chia sẻ qua WhatsApp

Các lỗi thường gặp khi chọn màu và cách tránh chúng.

Bài viết có ví dụ rất rõ ràng nên dễ theo dõi, cũng hữu ích khi làm UI/UX và tài liệu thuyết trình

  • Đừng dùng toàn bộ bánh xe màu

  • Dùng độ bão hòa và độ sáng để biểu đạt sắc độ

  • Sử dụng màu ấm và màu xanh lam

  • Khi dùng màu xanh lục, hãy nghiêng về tông vàng hoặc xanh lam

  • Tránh dùng màu thuần

  • Tránh các màu sáng và có độ bão hòa cao

  • Kết hợp các màu có độ sáng khác nhau

  • Tận dụng các màu tương tự nhưng đa dạng

  • Tránh độ tương phản quá thấp hoặc quá cao với nền

  • Sao chép màu từ nơi khác hoặc tìm hiểu để hiểu chúng

Bài viết liên quan

1 bình luận

 
xguru 2020-09-07

Những công cụ được gợi ý ở mục cuối cùng là sao chép màu sắc quả thật rất hữu ích. ( đúng là Copy & Paste! )

http://tristen.ca/hcl-picker/#/hlc/6/1.05/CAF270/433348 - Công cụ tạo bảng màu cho trực quan hóa dữ liệu

https://learnui.design/tools/data-color-picker.html#palette - Bộ chọn màu cho dữ liệu. Chọn màu bắt đầu và màu kết thúc, rồi chọn các màu ở giữa để tạo bảng màu

https://medialab.github.io/iwanthue/ - Trình tạo bảng màu dựa trên HUE

https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3 - Gợi ý bảng màu cho bản đồ và biểu đồ vùng

https://carto.com/carto-colors/ Data-driven color schemes

https://image-color.com/ - Trích xuất các màu chủ đạo từ ảnh được tải lên

https://www.degraeve.com/color-palette/ - Tạo bảng màu từ ảnh được tải lên

https://moviesincolor.com/ - Gợi ý bảng màu từ các cảnh phim nổi tiếng

https://wesandersonpalettes.tumblr.com/ - Gợi ý bảng màu từ các bộ phim của Wes Anderson