http://www.afewseconds.com

กลับมาพูดเรื่องชุดสีกันอีกครั้ง คราวนี้ผมได้เลือกเว็บที่ชื่อว่า afewseconds.com ที่มีการใช้ชุดสีในแต่ละหน้าเว็บได้อย่างประทับใจ ประกอบกับกราฟิกที่ใช้สีกลมกลืนกับสีพื้นของหน้า อย่างสวยงามจนน่าทึ่ง เราจะมาลองแกะรอยดูว่า ผู้ออกแบบมีแนวทางการเลือกใช้สีกันอย่างไร

afewseconds เป็นเว็บที่ถ่ายทอดประสบการณ์ด้านกราฟิกดีไซน์ และโลกของสื่อสมัยใหม่ จากชีวิตจริงของ joshua และ peter โดยผ่านสื่อวิดีโอ (streaming video) ใครสนใจเนื้อหาก็ลองไปติดตามดูกันได้ แต่วันนี้ผมสนใจเฉพาะส่วนของสีที่เค้านำมาใช้ โดยจะพยามค้นหาหลักการเลือกใช้สีของเขา ทั้งๆที่ผู้ออกแบบเอง อาจไม่มีหลักการตายตัวในการเลือกสี แต่เมื่อได้ผลออกมาดีขนาดนี้ ผมก็อยากจะศึกษาดูว่า สีเหล่านั้นมีความสัมพันธ์อะไรกันหรือเปล่า เผื่อจะเป็นประโยชน์กับผู้ออกแบบอย่างเราๆ ที่ต้องการใช้ชุดสีได้อย่างเหมาะสม

สิ่งแรกที่ได้พบก็คือ สีหลักๆที่ใช้นั้นเป็นสีที่อยู่ในชุดสีสำหรับเว็บ (web-safe color) ทำให้การสำรวจของเราทำได้ง่ายขึ้น โดยจะอ้างอิงถึงชื่อสีในแผ่นจานสีของ visibone (visibone2.aco) ที่เคยแนะนำไปแล้ว ในส่วนของเครื่องมือสร้างเว็บ (web tools) ผลการศึกษาที่ได้ มีรายละเอียดดังต่อไปนี้

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

หลักกว้างๆที่เห็นได้ ก็คือการจับคู่สีอ่อนและสีเข้ม เข้าด้วยกัน โดยที่สีทั้งสองอาจจะเป็นสี (hue) ในกลุ่มเดียวกัน หรือสีที่ใกล้เคียงกันในวงล้อสี (consecutive hue) ก็ได้