Page 16 - ชิ้นโครงงาน ซ้อม.pdf 1.52
P. 16
่
็
1.3 การออกแบบเวบไชด์ทีดี ควรมีลักษณะดังต่อไปน ี ้
่
็
ู
ู
การออกแบบเวบไซต์ 1.3.1โครงสร ้างทีชัดเจน ผ้ออกแบบเวบไชด์ควรจัดโครงสร ้างหรือจัตระเบียบของข้อมล
็
่
้
็
ทีชัดเจบแยกอยเนอหาออกเปนส่วนต่างๆ
ื
่
่
็
ู
1.3.2 การใช ้งานทีง่าย ลักษณะของเวบทีมีการใช ้งานง่าย จะช่วยให้ผ้ใช ้รู้สึกสบาย ต่อ
่
้
็
การอ่านและสามารถท�าความข้าใจกับเนอหาได้อย่างเตมที ผ้ออกแบบควรก�าหนดปุมการใช ้งานที ่
ื
ู
่
้
ชัดเจนเหมาะสมโดยเฉพาะปุมควบคุมเส้นทางการเข้าสูเนอหา (Navigaloa) ไมว่าจะเปนเดินหน้า
่
่
็
ื
่
1. หลักการออกแบบเวบไซต์ ่
็
็
็
็
็
หรือถอยหลัง หากเปนเวบไชทีมีเวบเพจจ�านวนมากควรจะจัดท�าแผนผังของเวบไซต์
่
่
่
่
1.3.3 การเชือมโยง link ครจัดอยูในรูปแบทีเปนมาตรฐานทัวไป การเชือมโยงมากและ
็
่
่
่
่
่
กระจัดกระจายอยูทัวไปอาจก่อให้เกิดความสับสนค�าทีใช ้ส�าหรับการเชือมโยงจะต้องเข้าใจงายมี
่
้
่
้
่
่
้
่
็
ี
การสร ้างเวบไชด์ทีดีควรนาความรู้ในหลายๆ ด้านมาประกอบกัน ไมว่าจะเปนความรู้ด้านภาษา ความชัดเจนและไมสันจนเกินไปนอกจากนในเเต่ละเวบเพจทีสร ้างขึนมาควรมีจุดเชือมโยงกลับ
็
่
�
็
่
้
้ ่
่
ี
็
HTML ความรู้ด้านกราพิก ความรู้ด้านการออกแบบ ความรู้ด้านศิลปะและสี เพือท�าให้เวบไซค์ มายังหน้าแรกของเวบไซต์ทีก�าลังใช ้งานอยูด้วยทังนเผือว่าผ้ใช ้เกิดหลงทางและไมทราบว่าจะท�า
่
่
ู
็
่
่
้
ั
่
็
ดูเหมาะสมสวยงามและมีเอกลักษณ์ทีท�าให้นาสนใจ ตังนนการออกแบบเวบไซต์จะต้องค�านงถึงผ้ ู อย่างไรต่อไป จะได้มีหนทางกลับมาสูจุดเริมตันใหม ่
ึ
่
้
้
้
่
่
ื
็
็
ั
�
็
็
เยียมชมเวบไซต์เปนส�าคัญ เชน การท�าเวบไชต์เพือการศึกษา ดังนนลักษณะของเวบไชต์ทออกมา 1.3.4 ความเหมาะสมในหน้าจอ เนอหาทีนาเสนอในแต่ละหน้าจอควรสัน กระชับ และทันมัย
็
้
่
่
่
ู
็
ู
่
่
็
ควรจะเปนไปอย่างเรียบง่ายสบายตา การใช ้งานและหาข้อมลต่างๆ ไมควรยุงยากขับซ ้อนมากเกิน หลีกเลียงการใช ้หน้าจอทีมีลักษณะการเสือนขึนลง Saollang) แต่ถ้าจ�าเปนต้องมีควรจะให้ข้อมล
่
่
่
ั
ไปนก ทีมีความส�าคัญอยูบริเวณด้านบนสุดของหน้าจอหลีกเสียงการใช ้กราพิกด้านบนของหน้าจอเพราะ
่
ู
1.1 การก�าหนดรนาดเวบเพจ ในปจจุบันเวบไซต์นอกจากจะสามารถเรียกดูได้ทางคอมพิวเตอร ์ ถึงแม้จะดูสวยงามแต่จะท�าให้ผ้ใช ้เสียเวลาในการได้รับข้อมลทีต้องการ
็
ั
็
ู
้
่
่
่
็
็
็
็
ู
แล้วอุปกรณ์อืนๆ เช่น แทบเลต โทรศัพท์มือถือทีเปนแบบ Smart Phane กสามารถรียกดูใต้เช่นกัน 1.3.5 การใช ้รูปภาพเพือเปนพืนหลัง (Badground) ไมควรเน้นสีสันทีฉดฉาดมากนก
ั
่
็
่
่
่
้
้
้
ื
่
่
ั
็
ซึงขนาดหน้าจอทีแตกต่างกันไปตามอุปกรณ์นน โดยขึนอยูกับการออกแบบเวบไซต์ว่าต้องการให้ เพราะอาจจะไปลดความเด่นชัดของเนอหาลง ควรใช ้ภาพทีมีสีอ่อนๆ ไมสว่างจนเกินไป ส่วนการ
้
้
่
่
่
่
ิ
ิ
แสดงบนอุปกรณ์ชนดไหน ส�าหรับเนอหาในหัวข้อนจะกลาวถึงการก�าหนดขนาดของเวบเพทีแสคง ใช ้เทคนคต่างๆเช่น ภาพเคลือนไหวหรือตัวอักษวิง (Maqure) ซึงอาจจะเกิดการรบกวนการอ่านได้
ื
ี
็
่
่
้
้
ั
็
ิ
�
ั
็
บนคอมพิวเตอร ์เทานน ขนาดของเวยเพจทีนยมนามาใช ้เพือแสดงผลบนคอมพิวเตอร ์ในอดีตและ ควรใช ้เฉพาะทีจ�าเปนจริงๆ เท่านน
่
่
่
็
ู
่
ั
ู
ปจจุบัน มีตังน ี ้ 1.3.6 ความรวดเร็ว เปนสิงส�าคัญส�าหรับผ้ใช ้ ซึงผ้ใช ้อาจจะเกิดอาการเบือหนายและหมด
่
่
่
็
็
1.1.1 เวบเพอชนาด 800x 600 pixels เปนชนาดทีสามารถใช ้โด้กับหน้าจอทุกขนาด ความสนใจเวบทีใช ้เวลาในการแสดงนาน สาเหตุส�าคัญทีจะท�าให้กรแสดงผลนาน คือ การใช ้ภาพ
็
่
่
่
่
ในปจจุบันและเปนขนาดของการออกแบบเวบไชต์ทีใช ้ในอดีต เนองจากอดีตขนาดของจอคอมฟว กราฟกหรือภาพเคลือนไหวทีขนาดใหญ่เเละมีมากเกินไป
็
ิ
ั
ื
ิ
็
้
ื
็
็
่
เตอร ์มีขนาดเลกและความละเอียดของจอกยังไมมากเท่าทุกวันน ี ้ 1.4 การออกแบบโรงสร ้างเวบไชด์ คือ การวางแผนการจัดล�าดับเนอหาสาระของเวบไซด์
็
็
่
้
่
่
็
ู
็
็
ิ
ั
ู
1.1.2 เวบเพจชนาด J026x 768 pixes เปนชนาดทีนยมในปจจุบัน เพราะผ้ใช ้นยมใช ้ ออกเปนหมวดหม ่ ู เพือจัดท�าเปนโครงสร ้างในการจัดวางหน้าเวบเพจทังหมดท�าให้ผ้เข้าเยียมชม
็
ิ
็
้
่
้
่
่
่
่
ู
็
็
ื
จอคอมพิวเตอร ์ขนาดใหญ่ขึนเนองมาจากราคาจอคอมพิวเตอร ์ทีถูกลง ส�าหรับผ้ทีใช ้ควาละเอียด สามารถคันหาข้อมลในเวบเพจได้อย่างเปนระบบ ซึงถือว่าเปนชันตอนทีส�าคัญของการออกแบบ
็
ู
่
้
่
้
ู
หน้าจอด�ากว่าน เวบไชค์จะนจอและทาให้เกิดแกบสกรอสบาร ์12 การออกแบบเวบไซด์ ส่วนใหญ่ โครงสร ้างหรือจัดระเบียบของข้อมลทีชัดน แยกย่อยเนอหาออกเปนส่วนต่างๆ ทีมีความสัมพันธ์กัน
็
�
็
ี
็
ื
่
้
่
�
จะมองดูองค์ประกอบขององค์กร หนวยงาน หรือเนอหาทีนาเสนอเปนหลัก โดยมีหลักการออกแบบ จะช่วยให้นาใช ้งานและง่ายต่อการเข้าใช ้งานเวบไซต์
็
็
ื
่
ดังน ้
ี
้
1.2 การออกแบบเวบไซต์ ส่วนใหญ่จะมองดูองค์ประกอบขององค์กร หนวยงาน หรือเนอหาที ่
็
่
ื
็
นาเสนอเปนหลัก
�
่ ้
่
�
ั
็
็
1.2.1 การออกแบบหน้าของเวยไซต์ มีอยู 3 แบบ คือการออกแบบเวบไต์ทีเนนการนาเสนอ
่
้
้
เนอหา เปนการออกแบบเวบไชต์ทีเน้นการนาเสนอเนอหามากกว่ารูปภาพ โดยโครงสร ้างใช ้รูป
็
็
�
ื
ื
้
็
ื
ุ
แบบตารางเปนหลัก มีการออกแบบหน้าตารูปแบบง่ายเชน มีเมนสารบัญและเนอหา เปนต้น การ
็
่
่
่
่
ิ
ิ
็
็
็
ออกแบบเวบไชต์ทีเน้นภาพกราฟก เปนการออกแบบเวบไชต์ทีเน้นภาพกราฟกทีสวยงาม ซึงอาจ
จะใช ้โปรแกรม Photshop ส�าหรับกรตกแต่งภาพ ข้อดี สวยงาม
12 13
