รับทําเว็บไซต์ รับทําseo
บทความที่น่าสนใจ

บทความ ที่น่าสนใจ

ทฤษฎีสี (Color Theory) สำหรับงานออกแบบเว็บไซต์

    ความรู้เรื่องทฤษฎีสีเป็นสิ่งสำคัญมากสำหรับงานออกแบบทุกชนิดและหากต้องการ ให้งานออกแบบดูสวยงามต้องเข้าใจเรื่องพื้นฐานของสีเพื่องานออกแบบก่อน ฉนั้นไม่ควรมองข้ามเรื่องนี้ไป เพราะเพียงแต่การเรียนรู้การใช้งาน Photoshop จนชำนาญเท่านั้นยังไม่สามารถสร้างสรรค์งานดี ๆ ออกมาได้หากไม่รู้จักใช้สีให้เหมาะสม โดยเรื่องที่นำมาอธิบายเป็นทฤษฎีสีเบื้องต้นจากสีวัตถุธาตุเพื่อนำมาใช้กับ งานออกแบบดังนี้

    Primary Colors (สีขั้นที่ 1 แม่สีวัตถุธาตุ)
    สีขั้นที่ 1 คือ แม่สีเป็นสีชุดแรกที่เมื่อนำมาผสมกันจะได้สีอีกมากมายสีกลุ่มนี้ได้แก่สีเหลือง แดงและน้ำเงิน

    Secondary Colors (สีขั้นที่ 2)
    สีขั้นที่ 2 เป็นสีที่เกิดจากการผสมกันของแม่สีขั้นที่ 1 ซึ่งจะได้สี ดังต่อไปนี้
    สีส้ม สีแดง + เหลือง
    สีเขียว สีเหลือง + สีน้ำเงิน
    สีม่วง สีน้ำเงิน + แดง

    Tertiary Colors (สีขั้นที่ 3)
    สีขั้นที่ 3 เป็นสีที่เกิดจากการผสมกันระหว่างสีขั้นที่ 1 กับสีขั้นที่ 2 ซึ่งจะมีชื่อเรียกตามคู่ที่ผสมกัน เป็นสีใหม่ขึ้นมา 6 สีดังนี้
    สีเหลือง – ส้ม, แดง – ส้ม, แดง – ม่วง, น้ำเงิน – ม่วง, น้ำเงิน – เขียว และ เหลือง – เขียว

    Muddy Colors
    เป็นสีที่เกิดจากการผสมสีในวงจรสีทั้งหมดรวมกันในอัตราส่วนเท่ากันเกิดเป็น สีกลางหรือค่าสีเฉลี่ยจากสีทั้งหมดซึ่งจะออกสีน้ำตาลเข้ม (หากเป็นสีขาวจะเป็นสีกลางของสีแสง)

    Color : แม่สีแบ่งออกเป็น 2 ประเภท
    1. แม่สีวัตถุธาตุ เป็นสีที่เกิดจากธรรมชาติหรือการสังเคราะห์ขึ้นมาเพื่อนำมาใช้ในวงการศิลปะ วงการพิมพ์ เป็นต้น แม่สีกลุ่มนี้ได้แก่ แดง เหลือง น้ำเงิน

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

    วรรณะสี (Tone)
    หลังจากทราบเรื่องวงจรของสีแล้วต่อไปจะมาทำความเข้าใจกับการใช้สีในวงจร เดียวกันเริ่มต้นที่วรรณสี แบ่งเป็นสองวรรณะ ได้แก่ วรรณสีร้อนกับวรรณสีเย็น

    วรรณะสีเย็น (Cold Tone)
    วรรณสีเย็นมีอยู่ 7 ชนิด ได้แก่สีเหลือง เหลืองเขียว เขียว เขียวน้ำเงิน น้ำเงิน น้ำเงินม่วง ม่วง สีกลุ่มนี้เมื่อใช้ในงานจะได้ความรู้สึกสดชื่น เย็นสบาย เป็นต้น

    วรรณะสีร้อน (Warm Tone)
    วรรณสีร้อนมีอยู่ 7 สี ได้แก่ม่วง ม่วงแดง แดง แดงส้ม ส้ม ส้มเหลือง เหลือง สีกลุ่มนี้เมื่อใช้ในงานจะรู้สึกอบอุ่น ร้อนแรง สนุกสนาน เป็นต้น

    Color : สีที่เป็นทั้งวรรณะร้อนและวรรณะเย็น
    สีเหลืองและม่วงจะอยู่ได้ทั้งสองวรรณะขึ้นอยู่กับสีแวดล้อม เช่น หากนำสีเหลืองไปไว้กับสีแดงและส้มก็กลายเป็นสีโทนร้อน แต่หากนำมาไว้กับสีเขียวก็จะเป็นสีโทนเย็นทันที

    สีกลาง (Muddy Colors)
    สีกลาง ในความหมายนี้เป็นสีที่เข้ากับสีได้ทุกสี ได้แก่ สีน้ำตาล สีขาว สีเทาและดำ สีเหล่านี้เมื่อนำไปใช้งานลดความรุนแรงของสีอื่นและจะเสริมให้งานดูเด่นยิ่ง ขึ้น

    เทคนิคการใช้สีในวงจรสี
    การใช้สีในวงจรสีมีหลายวิธีนอกจากการใช้วรรณะสีแล้ว ยังมีเทคนิคการใช้สีแบบอื่นที่น่าสนใจอีก ดังนี้

    การใช้สีที่ใกล้เคียงกัน (Analog Colors)
    สีใกล้เคียงในวงจรสี เป็นสีที่อยู่ติดกันในช่วง 3 สี ซึ่งอาจจะใช้ถึง 5 แต่ต้องใช้สีนั้นในปริมาณเล็กน้อย เช่นเมื่อเลือกใช้สีม่วงก็จะเลือกสีในโทนเดียวกัน ได้แก่ สีม่วงแดง กับ น้ำเงินม่วง เป็นต้น

    การใช้สีคู่ตรงข้าม (Complementary Colors)
    เป็นคู่สีต้องห้ามแต่ถ้าใช้ให้ถูกวิธีจะทำให้งานดูโดดเด่นทันที สมมติว่าเลือกใช้สีแดงกับสีเขียว ก็ให้ใช้วิธีที่แนะนำดังนี้

    1. เลือกสีแรก (สมมติเป็นสีแดง) ในปริมาณมากกว่า 80% ของพื้นที่ แต่สีที่สอง (สมมติเป็นสีเขียว) ต้องใช้ในปริมาณที่น้อยกว่า 20%
    2. ผสมหรือใส่สีกลางลงในงานที่ใช้สีคู่ตรงข้ามเพื่อลดความรุนแรงของสี

    3. ผสมสีคู่ตรงข้ามลงไปลดทอนความเข้มข้นของกันและกัน

    การใช้สีใกล้เคียงกับสีคู่ตรงข้าม (Split Complementary)
    เป็นการใช้สีที่หลีกเลี่ยงการใช้สีคู่ตรงข้ามโดยตรง เทคนิคนี้ทำให้งานดูนุ่มนวลขึ้นมีลูกเล่นสร้างจุดสนใจได้ดี สังเกตจากภาพตัวอย่างด้านล่างสีม่วงที่มีพื้นที่น้อยแต่กลับดูโดดเด่นขึ้นมา ได้

    การใช้โครงสีสามเหลี่ยมในวงจรสี (Triad Colors)
    เทคการใช้โครงสร้างสีสามเหลี่ยม คือ ให้วาดสามเหลี่ยมขึ้นมาแล้วใช้สีที่อยู่บนโครงรูปสามเหลี่ยม เทคนิคนี้สีที่ได้จะดูสนุกสนานและหลากหลายกว่าแบบอื่น

    Color : ในทุกวงจรสีสามารถใช้สีกลางได้
    เทคนิคการใช้สีในวงจรที่นำมาอธิบาย สามารถรวมสีกลางเข้าไปใช้ได้ด้วยเนื่องจากสีกลางเป็นสีที่เข้าได้กับทุกสี และอาจแทรกสีนอกโครงการสีมาใช้ได้ขึ้นอยู่กับความเหมาะสม

    การใช้สีเดียว (Mono Tone)
    เทคนิคสีเดียวเป็นอีกเทคนิคที่นิยม การใช้จะอาศัยค่าความอ่อนแก่ของสีแทนการใช้ค่าสีอื่น ส่วนมากจะนำสีที่เลือกมาผสมกับสีกลางให้ได้ค่าที่ต้องการ

     

บทความที่น่าสนใจ

บทความ ล่าสุด

บทความ ความรู้ด้านไอที, คอมพิวเตอร์ Techonlogy, Gadget, ความรู้เกี่ยวกับคอมพิวเตอร์ กับทาง SoftMelt.com