เลือกใช้สีสำหรับเว็บไซต์
- สีสันในเว็บเพจเป็นสิ่งที่สําคัญมากในการดึงดูดความสนใจของผู้ใช้
เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสีซึ่งเป็นสิ่งกําหนดบรรยากาศและความรู้สึกโดยของเว็บไซต์
- เราสามารถใช้สีได้กับทุกองค์ประกอบของเว็บเพจ ตั้งแต่รูปภาพตัวอักษรสีพื้นหลังการใช้สีที่เหมาะสมจะช่วยในการสื่อความหมายของเนื้อหา
ประโยชน์ของสีในเว็บไซต์
- สามารถชักนําสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจที่ราต้องการได้เช่นข้อมูลใหม่หรือโปรโมชันพิเศษ
- สีช่วยเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน
- สีสามารถนําไปใช้ในการแบ่งบริเวณต่างๆ ออกจากกัน
ความรู้เบื้องต้นเกี่ยวกับสี
การผสมสี (Color Mixing)
มี 2 แบบ
- การผสมแบบบวก (Additive
mixing)
- การผสมแบบลบ (Subtractive
mixing)
การนําไปใช้งาน
- การผสมสีแบบบวกจะนําไปใช้ในสื่อใดๆ
ที่ ใช้แสงส่องออกมาเช่น เจคโปรเจคเตอร์ ทีวี มอนิเตอร์
- การผสมสีแบบลบจะนําไปใช้ในสื่อที่เกี่ยวข้องกับการใช้วัตถุมีสี
เช่นภาพวาดของศิลปิน รูปปั้น
วงล้อสี (Color Wheel)
รูปแบบชุดสีพื้นฐาน (Simple Color Schemes)
ชุดสีที่ถูกจัดกลุ่มอย่างเข้ากันด้วยรูปแบบต่างๆ
- ชุดสีร้อน
- ชุดสีแบบเดียว
- ชุดสีที คล้ายคลึงกัน
- ชุดสีตรงข้ามข้างเคียง
- ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน
- ชุดสีเย็น
- ชุดสีแบบสามเส้า
- ชุดสีตรงข้าม
ชุดสีร้อน (Warm Color Scheme)
- ประกอบด้วยสีม่วงแกมแดง, แดงแกมม่วง, แดง, ส้ม, เหลือง
และเขียวอมเหลืองสีเหล่านี้สร้างความรู้สึกอบอุ่นสบาย และรู้สึกต้อนรับแก่ผู้ชม
http://www.baanwebsite.com
ชุดสีเย็น (Cool Color Scheme)
- ประกอบด้วยสีม่วง, น้ำเงิน, น้ำเงินอ่อน, ฟ้า, น้ำเงินแกมเขียว และสีเขียว
ชุดสีแบบสามเศร้า (Triadic Color Scheme)
- เป็นชุดสีที อยู่ที่มุมของสามเหลียมด้านเท่าทั้งสาม ซึ่งเป็นสีที
มีระยะห่างในวงล้อสีเท่ากัน จึงมีความเข้ากันอย่างลงตัว
ผลทางจิตวิทยาที่มีต่อสี (Color Psychology)
- มนุษย์เราตอบสนองต่อสีด้วยจิตใจ
ไม่ใช่สมองเช่นสีบางสีอาจทําให้รู้สึกสดชื่น แต่บางสีอาจทําให้รู้สึกซึมเศร้าได้
- ดังนั้นหากเราเลือกสีอย่างรอบคอบ
และความเข้าใจเกี่ยวกับจิตวิทยาของสีเบื้องต้นก็จะทําให้เราเลือกใช้ชุดสีได้อย่างเหมาะสมกับอารมณ์เนื้อหาของเว็บไซต์
ตัวอย่างการใช้สี
http://www.sixsides.com/intro/default.htm
- R = Red
G = Green B = Blue
- การแสดงค่าด้วยเลขฐาน 16
- 000000
แดง 0 เขียว 0 น้ำเงิน 0 ผลคือ สีขาว
- FFFFFF
แดงเข้มสุด เขียว เข้มสุด น้ำเงินเข้มสุด ผลคือ สีดํา
- FF0000
แดงเข้มสุด
เขียว 0 น้ำเงิน 0 ผลคือ สีแดงเข้มสุด
- 110000
แดงเข้มน้อยสุด
เขียว 0 น้ำเงิน 0 ผลคือ สีแดงอ่อน
ตัวอย่างเว็บชุดสี
-
http://www.colourlovers.com/
- http://www.colorcombos.com/
ไม่มีความคิดเห็น:
แสดงความคิดเห็น