การเลือกสีสำหรับการทำภาพข้อมูลให้เข้าใจง่าย
(blog.datawrapper.de)ข้อผิดพลาดทั่วไปในการเลือกสีและวิธีหลีกเลี่ยง
มีตัวอย่างที่ทำไว้ดีมาก อ่านเข้าใจง่าย และยังเป็นบทความที่ช่วยได้เวลาทำ UI/UX หรือเตรียมสไลด์นำเสนอด้วย
-
อย่าใช้ทั้งวงล้อสีทั้งหมด
-
ใช้ความอิ่มสีและความสว่างในการแสดงเฉดสี
-
ใช้สีโทนอุ่นและสีน้ำเงิน
-
หากจะใช้สีเขียว ให้เอนไปทางเหลืองหรือทางน้ำเงิน
-
หลีกเลี่ยงสีบริสุทธิ์
-
หลีกเลี่ยงสีที่สว่างและมีความอิ่มสีสูง
-
จับคู่สีที่มีระดับความสว่างต่างกัน
-
ใช้สีที่คล้ายกันแต่มีความหลากหลาย
-
หลีกเลี่ยงคอนทราสต์กับพื้นหลังที่น้อยเกินไปหรือมากเกินไป
-
ลองคัดลอกโทนสีจากที่อื่นหรือทำความเข้าใจการใช้สี
1 ความคิดเห็น
เครื่องมือที่แนะนำในหัวข้อสุดท้ายเรื่องการคัดลอกสีนั้นมีประโยชน์มากเลยครับ ( สมกับ Copy & Paste จริง ๆ ! )
http://tristen.ca/hcl-picker/#/hlc/6/1.05/CAF270/433348 - เครื่องมือสร้างพาเลตสำหรับการทำภาพข้อมูล
https://learnui.design/tools/data-color-picker.html#palette - ตัวเลือกสีสำหรับข้อมูล เลือกสีเริ่มต้นและสีสุดท้าย แล้วเลือกสีระหว่างนั้นเพื่อสร้างพาเลต
https://medialab.github.io/iwanthue/ - เครื่องมือสร้างพาเลตแบบอิง HUE
https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3 - แนะนำพาเลตสำหรับการทำแผนที่ & กราฟพื้นที่
https://carto.com/carto-colors/ ชุดสีแบบ data-driven
https://image-color.com/ - ดึงสีหลักออกมาจากภาพที่อัปโหลด
https://www.degraeve.com/color-palette/ - สร้างพาเลตจากภาพที่อัปโหลด
https://moviesincolor.com/ - แนะนำพาเลตจากฉากภาพยนตร์ชื่อดัง
https://wesandersonpalettes.tumblr.com/ - แนะนำพาเลตจากภาพยนตร์ของ Wes Anderson