เรียนรู้การออกแบบเว็บเบื้องต้น (1)

หลักการใช้สี
การใช้สีกับงานออกมานั้น อยู่ที่นักออกแบบมีจุดมุ่งหมายใด ที่จะสร้างความสนใจ ความเร้าใจต่อผู้ดู เพื่อให้เข้าถึงจุดหมายที่ตนต้องการ หลักของการใช้มีดังนี้
1.การใช้สีวรรณะเดียว ความหมายของสีวรรณะเดียว (tone) คือกลุ่มสีที่แบ่งออกเป็นวงล้อของสีเป็น 2 วรรณะ คือ วรรณะร้อน (warm tone) ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง สีเหล่านี้ให้อิทธิพล ต่อความรู้สึก ตื่นเต้น เร้าใจ กระฉับกระเฉง ถือว่าเป็นวรรณะร้อน วรรณะเย็น (cool tone) ประกอบด้วย สีเหลือง สีเขียว สีน้ำเงิน สีม่วง สีเหล่านี้ดู เย็นตา ให้ความรู้สึก สงบ สดชื่น (สีเหลืองกับสีม่วงอยู่ได้ทั้งสองวรรณะ) การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน (เอกภาพ) กลมกลืน มีแรงจูงใจให้คล้อยตามได้มาก
2.การใช้สีต่างวรรณะ หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีวรรณธร้อน 80% สีวรรณะเย็นก็ 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดสนใจของผู้ดู ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ
3.การใช้สีตรงกันข้าม สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น และเร้าใจได้มากแต่หากใช้ไม่ถูกหลัก หรือ ไม่เหมาะสม หรือใช้จำนวนสีมากสีจนเกินไป ก็จะทำให้ความรุ้สึกพร่ามัว ลายตา ขัดแย้ง ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20% หรือหากมีพื้นที่เท่ากันที่จำเป็นต้องใช้ ควรนำสีขาว หรือสีดำ เข้ามาเสริม เพื่อ ตัดเส้นให้แยกออก จาก กันหรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป

สีตรงข้ามมี 6 คู่ได้แก่ สีเหลือง ตรงข้ามกับ สีม่วง สีแดง ตรงข้ามกับ สีเขียว สีน้ำเงิน ตรงข้ามกับ สีส้ม สีเขียวเหลือง ตรงข้ามกับ สีม่วงแดง สีส้มเหลือง ตรงข้ามกับ สีม่วงน้ำเงิน สีส้มแดง ตรงข้ามกับ สีเขียวน้ำเงิน
สีร้อน (สีอุ่น) Warm Colors
นับจากโทนสีเหลือง ชมพู แดง ส้ม ม่วง น้ำตาล สีเหล่านี้ให้ความหมายที่เร่าร้อน ก้าวร้าว มีอิทธิพลต่อการดึงดูดและกระตุ้นอารมณ์ได้ มากมายกว่าโทนสีอื่นๆ สีเหล่านี้จะใช้มากกับงานประเภท หัวหนังสือ นิตยาสาร แค้ตตาล้อก ตลอดจนป้ายโฆาราต่างๆซึ่งจะกระตุ้นความสนใจต่อผู้พบเห็นได้เร็ว
สีโทนร้อน คือสีที่ให้ความหมาย รื่นเริง สดชื่น ฉูดฉาด บาดอารมณ์

สีเย็น (Cool Colors)
เริ่มจากสีเทา ฟ้า น้ำเงิน เขียว สีโทนนี้จัดอยู่ในสีโทนเย็น ให้ อารมณ์ความรู้สึก สงบ สะอาด เย็นสบาย
ีสีขาว (White)

คือสีแห่งความสะอาด บริสุทธิ์ ไร้เดียงสา เหมือนกับสำนวนที่ ชอบพูดว่า "เด็กที่เกิดมาเหมือนผ้าขาวที่ยังไม่มีรอยแปดเปื้อน"

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

สีแดง (Red)
คือสีแห่งความกระตือรือร้น เร่าร้อน รุนแรง สะเทือนอารมณ์ มีพลังความสว่างโชติช่วง เป็นสัญลักษณ์แห่งความรัก ดึงดูด ความสนใจ หากเป็นสีชมพู ซึ่งความเข้มของสีจะจางลงจะให้ความรู้สึกหวานโรแมนติก
ีสีเหลือง (Yellow)
คือสีแห่งความสุขสดชื่น ร่าเริงมีชีวิตชีวา เป็นสีที่เข้าได้กับทุกสี

ีสีเขียว (Green)
คือสีของต้นไม้ ใบหญ้า เป็นสัญลักษณ์ของความสงบ เรียบง่าย ความเข้มของสีเขียวให้ความหมายถึงความอุดมสมบูรณ์
สีฟ้า (Blue)
คือ สีแห่งท้องฟ้าและน้ำทะเล เป็นสัญลักษณ์ของความสงบ เยือกเย็น มั่นคง แต่เต็มไปด้วยพลัง หากเป็นสีฟ้าอ่อนจะให้ความรู้สึก สดชื่น สวยงาม กระฉับกระเฉงเป็นหนุ่มสาว
ีสีม่วง (Purpke)
คือสีแห่งความลึกลับ ซ่อนเร้น เป็นสีที่มีอิทธิพลต่อจิตนาการ และความอยากรู้อยากเห็นหับเด็ก เช่น เรื่องเทพนิยายต่างๆ
สีน้ำตาล (Brown)
เป็นสีสัญลักษณ์แห่งความร่วงโรยเปรียบเสมือนต้นไม้มีใบร่วงหล่นเมื่อถึงอายุขัย เป็นสีที่ให้ความหมายดูเหมือนธรรมชาติ เช่น สีน้ำตาลอ่อนและสีแก่นของลายไม้เป็นต้น
ีสีแจ๊ด (Vivid Colors)
คือสีที่สะดุดตาเร็วมองเห็นได้ไกล โทนสีตัดกันแบบตรงข้าม เช่น แดงกับดำ เหลืองกับน้ำเงิน เขียวกับแดง ดำกับเหลืองเป็นต้น สีจำพวกนี้นิยมใช้กันมากในงานของเด็กเล่น ภัตตาคาร ร้านอาหาร ประเภทฟาสท์ฟู้ด ค่าเฟ่ ข้อเสียของสีประเภทนี้หากใช้จำนวนสีมากจะดูลายตา พร่า วิธีใช้ที่ดีควรใช้หนึ่งหรือสองสีเป็นตัวเน้นหนัก
ีสีจาง (สีอ่อน) Light Colors
ให้ความหมายที่ดูอ่อนโยน เบาหวิวเหมือนคลื่นเมฆหรือปุยฝ้าย ช่วยทำให้พื้นที่ที่แคบดูให้กว้างขึ้น โทนสีจำพวกนี้จะใช้กันมากกับเสื้อผ้า สตรี ชุดชั้นใน แฟชั่นชุดนอน ในงานศิลปะบางอย่างใช้สีอ่อน เป็นพื้นฉากหลัง เพื่อขับให้รูปทรงลอยเด่นขึ้น
สีทึบ (Dull Color)
คือสีอ่อนที่ค่อนข้างเข้มหรือสีที่เจือจางลง ให้ความรู้สึกที่ สลัวลาง มัว บางครั้งดูเหมือนฝัน และดูคลายเครียด
สีมืดทีบ (Dark Colors)
ให้ความรู้สึกหนัก แข็งแกร่ง เข้ม มีพลัง สังเกตดูได้จากสีเครื่องแต่งกายของทหาร สีสูทของผู้ชาย ชุดฟอร์มของช่าง เป็นต้น

การเลือกใช้สีของเว็บอย่างเหมาะสม

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

การออกแบบขนาดของเว็บเพจให้พอดีกับหน้าจอ

การออกแบบเว็บให้พอดีกับหน้าจอ
ความละเอียดของหน้าจอที่ใช้กันมากที่สุดมีอยู่ 2 ระดับ คือ
1024 X 768 พิกเซล
1280 X 800 หรือ 1280 X 1024 พิกเซล
และเนื่องจากปัจจุบันมีผู้ชมจำนวนหนึ่งที่ใช้จอความละเอียดเพียง 800 X 600 พิกเซลดังนั้นจึงมีหลายเว็บไซต์ที่ยังออกแบบความกว้างไม่เกิน 800 พิกเซลเท่านั้น
ข้อแนะนำจากผู้เขียนก็คือ ถ้าขนาดใหญ่จะเห็นภาพไม่ครบทั้งเว็บต้องเลื่อนสกอร์บาร์เอาแต่ถ้าเราทำเล็กกว่าก็จะมองเห็นทั้งหมดในครั้งเดียวซึ่งดูแล้วไม่หน้าเบื่อซึ่งถ้าให้แนะนำจะขอแนะนำให้ตั้งค่าความละเอียด 800 X 600 หรือ 1024 X 768 พิกเซล

แนะนำการสร้างเว็บไซต์

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

Happy New Year 2010

Happy New Year 2010

ส่งความสุขให้กับท่านผู้อ่านทุกท่านที่เข้ามาเยี่ยมชม blog ค่ะ