กลับไปหน้า Design
ทริคDesign

Color Theory Basics

ทฤษฎีสีพื้นฐานช่วยให้จับคู่สีได้กลมกลืน ไม่ขัดตา โดยอาศัยวงล้อสีและความสัมพันธ์ของสี

เริ่มอ่านตรงนี้ก่อน

อธิบายแบบง่าย

Color Theory Basics คือเรื่องที่ช่วยให้เราใช้ทำหน้าจอให้อ่านง่าย ใช้ง่าย และไม่สับสนได้ถูกทางขึ้น

ระดับ

เหมาะกับคนเริ่มต้น

ใช้เมื่อไหร่

ตอนคุณเลือกสีหลักและสีรองให้หน้าจอหรือสไลด์

อ่านแล้วทำอะไรต่อ

เลือกสีหลักหนึ่งสีสำหรับพื้นและตัวอักษร แล้วใช้สีคู่ตรงข้ามเฉพาะปุ่มหรือจุดที่อยากให้สะดุดตา

เห็นภาพ: ทริคนี้เป็นยังไง

สีหลัก

#84BD00

เฉดอ่อน (tint)

#B9E26A

เฉดเข้ม (shade)

#4E7000

คู่ตรงข้าม

#5E00BD

ความสัมพันธ์ของสี — อ่อน/เข้มจากสีเดียว กับ คู่ตรงข้ามที่ตัดกัน

ใช้ตอนไหน?

  • ตอนคุณเลือกสีหลักและสีรองให้หน้าจอหรือสไลด์
  • ตอนคุณอยากให้กราฟหรือการ์ดดูเข้ากันไม่ขัดตา
  • ตอนคุณต้องตัดสินใจว่าจะใช้สีตัดกันหรือสีกลมกลืน

ความหมาย

color theory (ทฤษฎีสี) คือหลักการจับคู่สีโดยใช้ color wheel (วงล้อสี) สีที่อยู่ตรงข้ามกันเรียก complementary (สีคู่ตรงข้าม) ให้ความตัดกันสูง ส่วนสีที่อยู่ติดกันเรียก analogous (สีคู่ใกล้) ให้ความกลมกลืน

ความสัมพันธ์บนวงล้อสี

เริ่มจากเลือกสีหลักหนึ่งสี แล้วหาสีคู่จากตำแหน่งบนวงล้อ

Complementary -> สีตรงข้าม 180 องศา (ตัดกันสูง)
Analogous -> สีติดกัน 30 องศา (กลมกลืน)
Triadic -> สามสีห่างกัน 120 องศา (สมดุล)

ตัวอย่างการใช้

จับคู่สีหลักกับสีเน้น

เลือกสีหลักหนึ่งสีสำหรับพื้นและตัวอักษร แล้วใช้สีคู่ตรงข้ามเฉพาะปุ่มหรือจุดที่อยากให้สะดุดตา