Page 17 - การสร้างเว็บไซต์

้
่
้
็
วำงแผนและเรียบเรียงเนอหำอย่ำงรอบคอบ ถ้ำเวบทีจัดท�ำขึนไมมีมำตรฐำนกำรออกแบบ 2.1 ควำมส�ำคัญของสื สีเปนองค์ประกอบทีมีควำมละเอียดอ่อน และต้องอำศัยควำม
่
ื
่
็
้
่
้
ู
ู
ั
ั
และระบบกำรจัดกำรชัอมล ถ�ำมีปญหำมำกขึนอำจสงผลให้เกิดปญหำและท�ำให้ผ้ใช ้หมดควำมเชือ เชียวชำญในกำรผสมผสำนควำมแตกต่ำงของสีให้สำมำรถ เข้ำกันได้อย่ำงลงตัว ซึงควำมส�ำคัญ
่
่
่
็
ถือได้L&9 ควำมคงทีของกำรท�ำงำน (Functon Stahiig) ระบบกำรท�ำงำนต่ำงๆ ในเวบไซด์ ของกำรเลือกใช ้สีเพือกำรออกแบบบนหน้ำเวบ มีดังน ี ้
่
็
่
่
ควรมีควำมถูกต้องแนนอน ซึงต้องได้รับกำรออกแบบสร ้ำงสรรค์และตรวจสอบอยูเสมอ เช่น สิงก์ 2.1.1 สร ้ำงควำมโดดเด่นหรือจุดสนใจให้กับผ้ชม
ู
่
็
็
ู
่
ต่ำงๆ ในเวบไซต์ ต้องตรวจสอบว่ำยังสำมำรถลึงก์ชัดมลได้ถูกต้องหรือไม เพรำะเวบไชด์อืนอำจมี 2.1.2 จ�ำแนกควำมแตกต่ำงของข้อมลแต่ละส่วน
ู
่
่
็
ี
กำรเปลียนแปลงให้ตลอดเวลำ ปญหำทีเกิดจ"กลิงกกคือสิงก์ขำดไมสำมำรถเข้ำไปดูข้อมลได้ ซึง ่ 2.1.3 ช่วยสร ้ำงอำรมณ์ควำมรู้สึกตอกำรรับชม
็
่
ู
่
พบได้บ่อยเปนปญหำทีสร ้ำง ควำมร�ำคำญกับผ้ใช ้เปนอย่ำงมำก 2.1 4 ช่วยเชือมโยงองค์ประกอบบนหน้ำเวบเข้ำด้วยกัน
็
ั
็
ู
่
็
่
้
็
็
1.7 ส่วนประกอบของเวบไซด์ทีดี โครงสร ้ำงของเวบไชตโดยจะมีอยูตัวยกันทังหมด 3 ส่วนหลักๆ 2.1.5 สร ้ำงสัญลักษณ์หรือเปนตัวแทนขององค์กร
็
่
็
็
่
1.7.1 ส่วนหัวของหน้ำ (Page Header) เปนส่วนทีอยูตอนบนสุดของหน้ำ และเปนส่วนที ่ 2.2 ควำมรู้เบืองต้นเกียวกับสี แมสีประกอบด้วย 3 สี คือ สีนำเงิน สีแดง และสีเหลือง โดยแมสี 3 สี
่
้
้
�
่
้
่
่
ส�ำคัญทีสุดของหน้ำ เพรำะเปนส่วนทีตึงดูดผ้ชมให้ติตตำมเนอหำภำยในเวบไซต์ มักใส่ภำพกรำพิก นไมสมำรถเกิดจำกกำรผสมลีซองสิอืนได้ และแมสีนยังเปนต้นก�ำเนดของสีอีนๆ
็
ู
็
ื
่
้
้
่
ิ
ี
็
ี
่
่
่ ่
เพือสร ้ำงควำมประทับใจ ส่วนใหญ่ประกอบด้วยโสโก้ (L0g) เปนสิงทีเวบไชต์ควรมี เพรำะเปนตัวแทน 2.3 กลุมของสีและงำนออกแบบเวบไซด์ สิงทีส�ำคัญต่อผ้ออกแบบเวบ คือ กำรเลือกใช ้สิส�ำหรับ
็
็
็
่ ่
็
ู
็
่
่
่
ของเวบไซด์ได้เปนอย่ำงดี และยังท�ำให้เวบนำเชือถือ ชือเวบไชด์มีเมนหลักหรือสิงก์ (Navigation เวบไชด์ นอกจำกจะมีผลต่อกำรแสดงออกของเวบแล้วยังเปนกำรสร ้ำงควำมรู้สึกทีดีต่อผ้ใช ้บริกำร
็
็
็
ู
็
่
ู
็
็
็
้
่
Bar) เปนจุดเชือมโยงไปสูเนอหำของเวบไซต์ ดังนนจะเหนว่ำสีแตละสีสำมำรถสือควำมหมำยของเวบได้อย่ำงชัตเรน ควำมแตกต่ำง ควำม
ื
่
็
็
้
่
ั
็
็
้
่
็
1.7.2 ส่วนของเนอหำ (Page Header)เปนส่วนทีอยูตอนกลำงของหน้ำ ใช ้แสดงข้อมล สัมพันธ์ทีเกิดขึนย่อมสงผลให้เวบมีควำมนำเชือถือมำกยิงขึน ชุดสีแต่ละชุดมีควำมส�ำคัญต่อเวบ
ู
่
ื
่
้
่
่
้
็
�
็
่
้
็
เนอหำของเวบไซค์ซึงอำจประกอบด้วยชัอควำมตำรำงจัอบุล ภำพกร"ชิก วัดีโอ และยืนๆ และอำจมี ไซด์ ถ้ำเลือกใช ้สีไมตรงกับวัตถุประสงค์หรือเปำหมำยอำจจะท�ำให้เวบไซค์ไมนำสนใจ ผ้ใช ้บริกำร
ื
่
่
้
ู
็
่
้
่
้
่
ู
ู
ี
ี
มนหลักหรือมนเฉพำะกลุมวำงอยูในส่วนนด้วย ส�ำหรับส่วนเนอหำควรเสดงใจควำมส�ำคัญทีเปนหัว จะไมกลับมำใช ้บริกำรอีกภำย หลังกำรใช ้สีอ ำงเหมำะสมเพือสือควำมหมำยของเวนไชต์ต้องเลือก
่
ื
่
่
่
็
่
่
็
ู
เรืองไว้บนสุด ข้อมลมีควำมกระขับ ใช ้รูปแบบตัวอักษรทีอำนง่ำแ และจัดรูปแบบให้เหมำะสมและเปน ใช ้สีไมีควำมกลมกลืบกัน ดังนนกำรเลือกใช ้โทนสึภำยในเวบไชต์เปนกำรแสดงถึงควำมแตกต่ำง
้
็
็
ั
ระเบียบ ของใทีแสดงอยกทำงอำรมณ์ มีชีวิตชีวำหรือเศร ้ำโศกรูปแบบของสีทีสำยตำของมนษย์มองเหน
่
่
็
ุ
่
่
ู
็
1.7.3 ส่วนท้ำยของหน้ำ (Page Fooer) เปนส่วนทีอยูด้ำนล่ำงสุดของหน้ำ อำจแสดงข้อมล สำมำรถบ่งออกเปน 3 กลุม คือ
็
่
่
์
็
็
เพิมเติมเดียวกับเวบไซด์ เช่น เจ้ำของเวบไชต์, ข้อควำมแสดงลิชสิทธิ, วิธีกำรคิดต่อกับผ้ดูแล 2.3.1 สิโทนร ้อน (Harm Coles) เปนกสุมสีทีแสดงถึงควำมสุข ควำมปลอบโยน ควำม
ู
่
็
็
เวบไซต์.ค�ำแนะนำกำรใช ้เวบไซต์ เปนต้น โดยปกติสวนหัวและส่วนท้ำยจะแสดงเหมือนกันในทุก อบอุนและดึงคุดใจ สึกชุมนเปนกลุมสีทีช่วยให้หำยจำกควำมเฉอยชำ มีชีวิตชีวำมำกยิงขึน
�
็
็
่
่
้
่
้
็
่
ี
ื
่
หน้ำของเวยเพ 2.3.2 สิโทนเยน (Cool Colars) แสดงถึงควำมสุภำท อ่อนโยน เรียบร ้อย เปนกลุมสีที ่
็
่
็
็
่
มีคนชอบมำกทีสุด สำมำรถโน้มน้ำวในระยะไกลได้
่
2.3.3 สีโทนกลำง (Neatal Colos) สีทีเปนกลำง ประกอบด้วยสีด�ำ สีขำว สิเทำ และ
็
้
้
่
่
้
สีนำตำล กลุมสีเหล่ำน คือ สึกลำงทีสำมำรถนำไปผสมกับสีอืนๆ เพือให้เกิดสึกลำงขึนมำ
�
่
�
ี
่
2. หลักำรเลือกใช ้สี 2.4 ควำมหมำยของสีกับควำมรู้สึก สีมีหลำยระดับแตกต่ำงกัน อำจสือถึงอำรมณ์และควำมรู้สึก
่
่
่
ื
่
ทีแตกต่ำงกัน เนองจำกในแต่ละคนอำจจะให้ควำมรู้สึกของแต่ละสิไมเหมือนกัน กำรสือถึงควำม
้
่
ั
หมำยต่ำงๆของกำรใช ้สีนน หำกใช ้โทนสีเดียวอำจจะสือถึงควำมหมำยเดียว แต่ถ้ำใช ้โทนสิทีหลำก
่
่
่
้
่
้
่
็
กำรใช ้สีนนเปนเรืองทีส�ำคัญมำกในกำรท�ำเวบไซต์ กำรเลือกสีให้เช ้ำกับเนอหำของเวบไซต์ จะท�ำให้ หลำยกำรสือควำมหมำยกอำจมีได้หลำยอยำง เช่น สีขียวจะสือถึงตันไม้ สีแดงสือถึงเลือด สีชม
ื
็
ั
็
็
่
่
้
่
็
ู
็
็
็
�
เวบไชต์มีควำมนำเชือถือยิงขึน และยังส่งผลอย่ำงมำกกับควำมสวยงำมของเวบไซค์ ออกแบบโดย พสือถึงควำมรัก เปนตันซึงได้แสดงไว้เปนตัวอย่ำงดังต่อไปน ี ้
่
ไช ้สีทีไมเข้ำกันกจะท�ำให้เวบดูไมสวยและไมดีงดูดควำมสนใจ โดยกำรเลือกใช ้สีอำจจะต้องค�ำนงถึง
่
็
็
ึ
่
่
้
ู
ควำมหมำและควำมเหมำะสม ดังนน ผ้สร ้ำงเวบไซดีจึงควรจะต้องเรียนรู้สึในรูปแบบต่ำงๆ และกำร
็
ั
้
่
เลือกใช ้ เพือใช ้ในกำรดีงดูตผ้ใช ้ให้เข้ำมำในเวบไซต์มำกขึน
็
ู
16 17