Page 17 - ชิ้นโครงงาน ซ้อม.pdf 1.52

่
็
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