Introduction to Online Document Development

1. ออกแบบหน้าเว็บ
Page Design
หลักสำาคัญในการออกแบบหน้าเว็บ
คือ การใช้ภาพและองค์ประกอบต่างๆ ร่วมกัน เพื่อสื่อความหมาย
เกี่ยวกับหน้าหาหรือลักษณะสำาคัญของเว็บไซต์
บนพื้นฐานของความเรียบง่ายและสะดวกของผูใช้้

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

3. See MAGAZINE

5. หลักการออกแบบหน้าเว็บ
- สร้างลำาดับชันความสำาคัญขององค์ประกอบ
้
เช่น ตำาแหน่งและลำาดับความสำาคัญ,สีและแตกต่างของสี,ภาพเคลื่อนไหว

6. หลักการออกแบบหน้าเว็บ (ต่อ)
- สร้างรูปแบบ บุคลิก และสไตล์

7. - สร้างรูปแบบ บุคลิก และสไตล์ (ต่อ)

8. หลักการออกแบบหน้าเว็บ (ต่อ)
- สร้างความสมำ่าเสมอตลอดทั้งเว็บ

9. หลักการออกแบบหน้าเว็บ (ต่อ)
-จัดวางองค์ประกอบสำาคัญไว้ที่ส่วนบนของหน้าเสมอ
- จัดแต่งหน้าเว็บให้เป็นระเบียบและเรียบง่าย
-ใช้กราฟิกอย่างเหมาะสม

10. เทคนิค มีการ์ตูนประจำาวันให้อาน ช่วยดึงผูสนใจให้เข้ามาอ่าน
่ ้

11. หลักการออกแบบหน้าเว็บ (ต่อ)
เข้าลักษณะการใช้งานเว็บเพจ
 ออกแบบหน้าเว็บให้มีความยาวที่เหมาะสม
 85% ของผู้ใช้จะไม่อ่านข้อความจนจบ
 10% ของผู้ใช้ไม่เคยเลื่อน Scroll bar เพื่อดูส่วนล่างของจอ
 ผู้ใช้ไม่ทนต่อการรอดาวน์โหลดหน้าที่นานเกินไป
 ผู้ใช้ชอบให้จัดหาตัวเลือก, Navigation ที่ชัดเจน
แต่มกจะไม่ค่อยใช้กนนัก
ั ั

12. ส่วนประกอบของหน้าเว็บ
สามารถแบ่งได้ 3 ส่วนหลักๆ ได้แก่
1.ส่วนหัวของหน้า (Page Header)
2.ส่วนของเนื้อหา (Page Body)
3.ส่วนท้ายของหน้า (Page Footer)
เราสามารถจัดวางกราฟิกและตัวอักษรที่สำาคัญ
เช่น โลโก้ ชือเว็บ ระบบเนวิเกชัน หัวเรื่อง ลิงค์
่
ลงในแต่ละบริเวณ