Please enable JavaScript.
Coggle requires JavaScript to display documents.
การใช้สีในการออกแบบเว็บไซต์ - Coggle Diagram
การใช้สีในการออกแบบเว็บไซต์
การใช้สีในการออกแบบเว็บไซต์
สามารถแบ่งออกเป็น 3 กลุ่ม คือ
สีโทนร้อน (Warm Colors) เป็นกลุ่มสีที่แสดงถึงความสุข ความปลอบโยน ความอบอุ่น และดึงดูดใจ สีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ้น
สีโทนเย็น (Cool Colors) แสดงถึงความที่ดูสุภาพ อ่อนโยน เรียบร้อย เป็นกลุ่มสีที่มีคนชอบมากที่สุด สามารถโน้มนาวในระยะไกลได้
สีโทนกลาง (Neutral Colors) สีที่เป็นกลาง ประกอบด้วย สีดำ สีขาว สีเทา และสีน้ำตาล กลุ่มสีเหล่านี้คือ สีกลางที่สามารถนำไปผสมกับสีอื่น ๆ เพื่อให้เกิดสีกลางขึ้นมา
หลักการใช้สี
การใช้สีกับงานออกมานั้น อยู่ที่นักออกแบบมีจุดมุ่งหมายใด ที่จะสร้างความสนใจ ความเร้าใจต่อผู้ดู เพื่อให้เข้าถึงจุดหมายที่ตนต้องการ หลักของการใช้มีดังนี้
1.การใช้สีวรรณะเดียว
ความหมายของสีวรรณะเดียว (tone) คือกลุ่มสีที่แบ่งออกเป็นวงล้อของสีเป็น 2 วรรณะ คือ
1.1 วรรณะร้อน (warm tone) ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง สีเหล่านี้ให้อิทธิพล ต่อความรู้สึก ตื่นเต้น เร้าใจ กระฉับกระเฉง ถือว่าเป็นวรรณะร้อน
1.2 วรรณะเย็น (cool tone) ประกอบด้วย สีเหลือง สีเขียว สีน้ำเงิน สีม่วง สีเหล่านี้ดู เย็นตา ให้ความรู้สึก สงบ สดชื่น (สีเหลืองกับสีม่วงอยู่ได้ทั้งสองวรรณะ)
การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน (เอกภาพ) กลมกลืน มีแรงจูงใจให้คล้อยตามได้มาก
2.การใช้สีต่างวรรณะ
หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีวรรณะร้อน 80% สีวรรณะเย็นก็ 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดสนใจของผู้ดู ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ
3.การใช้สีตรงกันข้าม
สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น และเร้าใจได้มากแต่หากใช้ไม่ถูกหลัก หรือ ไม่เหมาะสม หรือใช้จำนวนสีมากสีจนเกินไป ก็จะทำให้ความรุ้สึกพร่ามัว ลายตา ขัดแย้ง ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20% หรือหากมีพื้นที่เท่ากันที่จำเป็นต้องใช้ ควรนำสีขาว หรือสีดำ เข้ามาเสริม เพื่อ ตัดเส้นให้แยกออก จาก กันหรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป
การเลือกใช้สีในการออกแบบเว็บไซต์
การเลือกโทนสีในการออกแบบ Website ต่อไปนี้ โดยข้อมูลทั้งหมดจะเป็นเพียงส่วนหนึ่งของการเลือกใช้โทนสีในการออกแบบเว็บไซต์ เพื่อให้เป็นตัวเลือก เป็นแนวทาง และเป็นไอเดียใหม่
1.Monochrome
โมโนโครม คือ จอภาพสีเดียว การเลือกใช้สีโทนเดียว เพียงแต่เราจะเพิ่ม Value หรือ Saturation เข้าไปทำให้เกิดน้ำหนัก อ่อน-แก่
2.Dyad
การเลือกใช้สองสีที่ตรงกันข้าม เพื่อให้เกิดเป็นภาพคู่สีที่มีความแตกต่างกัน เกิดเป็นความสวยงามและความแตกต่างอย่างลงตัว
3.Triad
การใช้สีให้เข้ากันเป็นรูปสามเหลี่ยมจตุรัส ซึ่งสามารถทำได้โดยวาดรูปสามเหลี่ยมบนวงล้อสี ก็จะได้สีที่เข้ากัน
4.Split Complementary
การเลือกสีจะมีลักษณะคล้ายๆ กับ Triad คือลักษณะการเลือกโทนสีนั้นจะเป็นรูปสามเหลี่ยมเช่นกัน แต่ฐานของสามเหลี่ยม Split Complementary นี้จะแคบเข้า
5.Analogous
การเลือกใช้โทนสี 3 สีที่ติดกัน
6.Tetrad
การเลือกโทนสีให้เป็นแบบสี่้หลี่ยม
เคล็ดลับการใช้ “สี” ออกแบบเว็บไซต์
วิธีการเลือกสีที่เหมาะสมสำหรับการออกแบบเว็บ
การเลือกสีเป็นมากกว่าเรื่องของความชอบส่วนตัว แต่ละสีมีความหมายแตกต่างกัน และสามารถมีอิทธิพลต่อมนุษย์ในรูปแบบเฉพาะ เพราะมันมีพลังในการถ่ายทอดหรือสื่อข้อความที่เกี่ยวข้องกับธุรกิจได้ทันที
โทนสีแต่ละสีก็จะให้ความหมายและความรู้สึกที่ต่างกันไปดังนี้
โทนสีอบอุ่น หรือโทนสีร้อน
สีแดง – ปราดเปรียว, อารมณ์, ความรัก, ความแข็งแกร่ง, ความรุนแรง
ชมพู – หวานโรแมนติก ขี้เล่น อบอุ่น มีเมตตาเห็นอกเห็นใจ
ส้ม – อบอุ่น ความกระตือรือร้น ความสำเร็จ ความมุ่งมั่นเป็นมิตร
สีเหลือง – อ่อนเยาว์มีชีวิตชีวา สดชื่น มองโลกในแง่ดี