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

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