การออกแบบหน้าเว็บ
Page Design
ความสำคัญPage Design
-เป็นการสื่อสารเนื้อหาและองค์ประกอบของเว็บให้ดูน่าสนใจ บนพื้นฐานของความเรียบง่ายและสะดวกของผู้ใช้
แนวคิดในการออกแบบเว็บ
-เรียนรู้จากเว็บไซต์ต่างๆ
-ประยุกต์จากสิ่งพิมพ์
-จำลองเปรียบเทียบ คือ การใช้สิ่งที่ผู้ใช้คุ้นเคย อธิบายสิ่งที่ไม่คุ้นเคย
-ออกแบบอย่างสร้างสรรค์
ลักษณะต่างๆ ของแบบจำลอง
1.จำลองแบบการจัดระบบ ใช้ความคุ้นเคยของผู้ใช้เพื่อสร้างระบบใหม่ให้ผู้ใช้เข้าถึงได้ง่ายขึ้น
2.จำลองการใช้งาน จำลองการใช้งานในชีวิตลงสู่เว็บไซต์
3.จำลองลักษณะที่มองเห็น นำลักษณะที่ผู้ใช้คุ้นเคย มาใส่ในเว็บไซต์ เช่น ปุ่มบนเเครื่องเล่นเพลง
หลักการออกแบบหน้าเว็บ
1. สร้างลำดับชั้นความสำคัญขององค์ประกอบ(Visual Hierarchy)
-จัดตำแหน่งและลำดับขององค์ประกอบ ตัวอักษร ซ้าย-ขวา,ตัวใหญ่-ตัวเล็ก
-สีและความแตกต่างของสี
-ภาพเคลื่อนไหว
2. สร้างรูปแบบ บุคลิก และสไตล์
ตามความเหมาะสมของเนื้อหาและความต้องการ
3. สร้างความสม่ำเสมอตลอดทั้งทั่งไซต์
ช่วยทำให้คุ้นเคยและสามารถคาดการณ์ลักษณะเว็บได้ล่วงหน้า
4. จัดวางองค์ประกอบที่สำคัญไว้ในส่วงบนของหน้าเสมอ
จัดในตำแหน่งที่จะปรากฎ โดยที่ผู้ใช้งานยังไม่ได้ทำการเเลื่อนหน้าจอใดๆ
- ชื่อของเว็บ
- ชื่อหัวเรื่อง
- สิ่งสำคัญ
- ระบบเนวิเกชั่น
5. สร้างจุดสนใจด้วยความแตกต่าง
อย่าใช้กราฟฟิกมากเกินไป จะทำให้ยากต่อการมองหาข้อมูลที่มีความสำคัญจริงๆ
6. จัดแต่งหน้าเว็บให้เป็นระเบียบและเรียบง่าย
ดูง่าย แยกเป็นสัดส่วน ไม่เน้นจนเกินไปเพราะอาจทำให้ขาดความน่าสนใจไปได้ และเรียบเรียงเนื้อหาที่มีความสำคัญจริงๆ เพื่อไม่สร้างความลำบากต่อการอ่าน
7. ใช้กราฟิกอย่างเหมาะสม
เหมาะสมและไม่มากจนเกินไป จัดอย่างเป็นระเบียบ
เข้าใจลักษณะการใช้งานของเว็บ
1. การออกแบบเว็บเพื่ออ่านบนหน้าจอ ควรกระทัดรัด ไม่มีกราฟฟิกมากเกินไป
2. การใช้สื่อกลางในการพิมพ์ข้อมูลงกระดาษ ควรใช้ประโยชน์ของพื้นที่ให้มากที่สุด เพื่อไม่ให้เปลืองกระดาษ และจัดเนื้อหาอย่างเหมาะสมโดยแบ่งเป็น 2 แบบ คือ
- เว็บขนาดสั้น สำหรับโฮมเพจหรือหน้าที่รวมลิ้งก์จำนวนมาก มีกราฟิกขนาดใหญ่
- เว็บขนาดยาว สะดวกในการพิมพ์หรือดาวโหลด โครงสร้างไม่ถูกแบ่งจากกัน
การออกแบบหน้าเว็บสำหรับการพิมพ์
1. แบ่งเนื้อหาออกเป็นส่วนย่อยๆ พร้อมสร้างลิงก์เชื่อมโยง เพื่อเหมาะแก่การอ่าน
2. สร้างลิงก์จากหน้าเว็บที่ได้ในขั้นแรกไปยังอีกเว็บหนึ่งที่รวมเนื้้อหาทั้งหมดไว้ในไพล์เดียวกัน
รูปแบบโครงสร้างของหน้าเว็บ
1. โครงสร้างหน้าเว็บในแนวตั้ง นิยมมากที่สุด รูปแบบง่ายในการพัฒนาและมีข้อจำกัดน้อยสุด
2. โครงการหน้าเว็บในแนวนอน แสดงความคิดและความสร้างสรรค์ แต่มีข้อจำกัดด้านเนื้อหา
3. โครงการหน้าเว็บที่พอดีกับหน้าจอ จะจัดให้อยู่กึ่งกลางหน้าจอ โดยออกแบบมาพอดีกับหน้าจอและไม่ต้องใช้ Scroll Bar ปรากฎ
4. โครงสร้างเว็บอย่างสร้างสรรค์ สามารถแสดงความคิดสร้างสรรค์ได้อย่างเต็มที่่ ไม่มีจำกัดขอบเขตไว้แน่นอน
เทคนิคการจัดโครงสร้างของหน้า จัดโดยการใช้ตาราง
ออกแบบหน้าโฮมเพจ
เสมือนหน้าปกหนังสือ ที่ใช้สื่อถึงผู้ใช้เพื่อสร้างความประทับใจ และดูน่าสนใจด้วยการใช้กราฟิกหรือเทคนิคต่างๆ
ข้อแนะนำในการออกแบบหน้าโฮมเพจ
1. ใช้กราฟิก
2. กำหนดชื่อของเว็บให้สื่อความหมาย
3. สร้างความแตกต่างอย่างชัดเจน
4. ใช้พื้นหนังอย่างเหมาะสม
5. เลี่ยงการใช้เทคโนโลยีขั้นสูง
6. อย่าใช้ภาพเคลื่อนไหวมากจนเกินไป
ไม่มีความคิดเห็น:
แสดงความคิดเห็น