วันจันทร์ที่ 11 กรกฎาคม พ.ศ. 2559

หลักการเลือกพาเลทสีให้เหมาะสม

ที่มาข้อมูล: http://designmodo.com/create-color-combinations/
ผู้เขียน:

หนึ่งในสิ่งที่ท้าทายนักออกแบบอย่างหนึ่ง คือ การตัดสินใจเลือกสีที่แสดงตัวตนขององค์กรหรือสื่อสารถึงบางสิ่งบางอย่าง การจับคู่สีเป็นมากกว่าแค่การเลือกสี 2 สีมาใช้งาน แต่ยังมีเรื่องของทฤษฏีสีเกี่ยวข้องด้วย ซึ่งวันนี้เรามีข้อแนะนำในการเลือกพาเลทสีมาฝากกัน


เริ่มต้นด้วยวงจรสี

คุณยังจำวงจรสีสมัยยังเป็นเด็กได้ไหม วงจรสีสามารถบอกคู่สีใกล้เคียงและคู่สีตรงกันข้ามได้ ภายในวงจรประกอบด้วย

1. สีขั้นที่ 1 (แม่สี) : สีแดง สีเหลือง สีนำ้เงิน

2. สีขั้น 2 (เกิดจากการนำแม่สีมาผสมกัน) : เขียว ม่วง ส้ม

3. สีขั้น 3 (เกิดจากการนำแม่สีผสมกับสีขั้นที่ 2) : ส้มเหลือง (yellow-orange), ส้มแดง (red-orange), ม่วงแดง (red-violet), ม่วงน้ำเงิน (blue-violet), เขียวน้ำเงิน (blue-green), เขียวเหลือง (yellow-green)


แนวทางการเลือกคู่สี มีหลายรูปแบบให้เลือกใช้งาน ได้แก่



Monochromatic: เลือกสีแรก และ สีอื่นๆในช่องสีนั้น

Complementary: เลือกคู่สีที่อยู่ฝั่งตรงข้ามกันในวงจรสี

Primary: เลือก 3 สีที่มีระยะห่างที่เท่ากันในวงจรสี (เป็นสามเหลี่ยม)

Analogous: เลือก 3 สีที่อยู่ติดกันในวงจรสี

Split Complementary: เลือกสีแรก และสีที่อยู่ฝั่งซ้ายและขวาของสีที่อยู่ตรงข้ามกับสีแรกในวงจรสี

Double Complementary (Rectangle): เลือกแม่สี 2 สี และสีที่อยู่ตรงข้ามกับแม่สีในวงจรสี





สีดำ สีขาว และสีกลาง (Neutral Color)


นอกจากการเลือกสีในพาเลทแล้ว ยังมีสีที่สำคัญไม่น้อยกว่าสีอื่นๆ ได้แก่ สีดำ สีขาวและสีกลางเหล่านี้มักถูกใช้เป็นส่วนประกอบงานเสมอ

Neutral Color คือ สีกลาง ไม่ได้อยู่ในโทนสีใดๆ ซึ่งสามารถอยู่ได้กับทุกสี สามารถเข้าคู่กับโทรสีอื่นๆได้ง่าย เช่น สีเทา สีน้ำตาล สีครีม สีเบจ เป็นต้น







สีอ่อน สีเข้ม (Toning and Tinting)


นักออกแบบหลายคนเลือกที่จะใช้สีไม่กี่สี แล้วใช้การปรับความอ่อนเข้มกับสีนั้นแทนการเลือกใช้สีหลายสี

Tint:  เพิ่มสีขาว
Shade: เพิ่มสีดำ
Tone: เพิ่มสี เทา ดำ หรือ ขาว

การใช้ Tint หรือ Shade จะทำให้สีในพาเลทมีความหลากหลายมากขึ้น โดยที่สียังอยู่ในโทนเดิม (เหมือนกับการใช้ฟอนต์เดียวกัน เพียงแค่ปรับเป็นตัวหนาหรือตัวเอียงเท่านั้น)





เลือกใช้สีที่เป็นกระแส...ต้องระวัง



มีสีเทรนด์อยู่มากมายให้เลือกใช้ ซึ่งควรจะใช้อย่างรอบคอบ เพราะสีเหล่านี้ไม่เหมาะที่จะใช้ในระยะยาว อาจจะเลือกใช้เพียงแค่ 1-2 สีในพาเลทสีของคุณ โดยปกติเรามักจะเลือกสีที่นิยมในทุกยุคสมัย สามารถใช้ได้เรื่อยๆ เพื่อสีเป้นที่จดจำในแบรนด์นั้นๆ





หลีกเลี่ยงสีรุ้ง



การใช้สีจะส่งผลดีอย่างมากเมื่อถูกหยิบใช้อย่างเหมาะสม คุณไม่จำเป็นต้องมีสี 5 10 หรือ 15 สีในจานสีของคุณ เพียงแค่ 2-3 สี รวมกับสีกลางก็เพียงพอแล้วในการใช้งาน





การเลือกใช้สีตัวอักษร


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





เลือกใช้สีที่สอดคล้องกับเนื้อหา

 

การเลือกใช้งานสีที่ดี ไม่ใช่เพียงแค่การจับคู่สีที่เหมาะสม แต่ต้องคำนึงความสอดคล้องกับเนื้อหาด้วย เช่น ในกรณีที่เป็นเว็บไซต์ที่เกี่ยวข้องกับธรรมชาติ ก็มักจะใช้สีเขียว หรือ สีน้ำตาลเป็นองค์ประกอบหลัก หรือ กรณีเป็นเว็บไซต์ธนาคาร ก็มักจะใช้สีฟ้า ที่ส่งเสริมความน่าเชื่อถือ

แต่ในบางครั้งที่คุณไม่แน่ใจว่าควรจะใช้สีใด ให้ลองสังเกตจากรูปภาพที่ให้บนงาน จากนั้นลองเลือกสีที่อยู่ในรูปภาพมาเป็นใช้เป็นพาเลทสีพื้นฐานในการออกแบบ วิธีการนี้ก็สามารถช่วยเลือกคู่สีที่เหมาะสมได้เช่นกัน





เลือกใช้พาเลทสีเดียวกันทั้งงาน


เมื่อคุณมีพาเลทสีที่เหมาะสมแล้ว ควรจะใช้พาเลทสีนั้นตลอดทั้งงาน สร้างหลักเกณฑ์ในการใช้สีให้เป็นระบบ



สรุปสาระสำคัญ

เมื่อคุณได้พาเลทสีแล้ว ลองพิจารณาพาเลทสีนั้นว่าเหมาะสมไหม หากยังไม่พอใจ ก็ลองหาสีอื่น หรือ กลับไปดูทฤษฎีสีแล้วลองเปลี่ยนสีใหม่ดูซักสี ข้อควรจำในการสร้างพาเลทสีควรจะเลือกใช้พาเลทสีที่มีความโดดเด่นและมีความหลากหลาย รวมถึงสอดคล้องกับเนื้อหาอยู่เสมอ เพื่อความพึงพอใจสูงสุดของผู้ใช้


ผู้แปลบทความ: Pixel Me Design

สนใจอ่านต้นฉบับ สามารถกด Link ด้านล่าง
http://designmodo.com/create-color-combinations/






ขอขอบคุณสำหรับการติดตาม จะมาแบ่งปันเกร็ดความรู้และบทความน่าสนใจด้านออกแบบจากทั่วทุกมุมโลก มาอัพเดตให้ได้เรียนรู้ไปด้วยกันที่นี่เสมอ หากมีข้อผิดพลาดประการใด ต้องขออภัยไว้ ณ ที่นี้ด้วยครับ

มีข้อแนะนำหรือติชม สามารถติดต่อมาได้ตามช่องทางด้านล่าง
Email: savethequeen16@hotmail.com
Line ID: maomao_16
www.pixelmedesign.com