การเลือกสีสำหรับเว็บไซต์
สีแบ่งเป็น 3 กลุ่ม คือ
1.สีโทนร้อน (warm colors) เป็นกลุ่มสีที่แสดงถึงความสุข ความดึงดูดใจ
สีกลุ่มนี้ช่วยให้มีชีวิตชีวามากขึ้น
2.สีโทนเย็น (Cool colors) แสดงถึงความสุภาพ อ่อนโยน เรียนบร้อย เป็นกลุ่มสีที่คนชอบมากที่สุด
3.สีโทนกลาง ( Neutral colors) สีที่เป็นกลางประกอบด้วยสีดำ สีขาว สีเทาและสีน้ำตาล กลุ่มสี
ระบบ Navigation
ความสำคัญของระบบเนวิเกชั่น
การออกเเบบโครงสร้างข้อมูลที่ดีช่วยให้ผู้ใช้เข้าถึงข้อมูลได้ง่ายขึ้น
ส่วนระบบเนวิเกชั่นเป็นส่วนเสริมในการสร้างสิ่งเเวดล้อมที่สื่อความหมายเพื่อช่วยให้ผู้ใช้ท่องเว็บได้อย่างคล่องตัว
โดยไม่หลงทาง
โดยทำให้ผู้ใช้สามารถรู้ได้ว่าตัวเองกำลังอยู่ที่ไหน
ได้ผ่านที่ใดมาบ้างเเละควรจะไปไหนต่อ
รูปแบบของระบบเนวิเกชั่น
เเบ่งออกเป็น 4รูปแบบ
1.ระบบเนวิเกชั่นเเบบลำดับขั้น
2.ระบบเนวิเกชั่นเเบบโกลบอล
3.
ระบบเนวิเกชั่นเเบบโลคอล
4.
ระบบเนวิเกชั่นเฉพาะที่เป็นเเบบเฉพาะที่ตามความจำเป็นของเนื้อหาซึ่งก็คือลิงค์ของคำที่ฝั่งอยู่ในประโยค เเต่ไม่ควรใช้มากจนเกินไป เพราะผู้ใช้อาจ มองข้ามไปทำให้ไม่สนใจ
การออกแบบระบบเนวิเกชั่น
สร้างระบบเนวิเกชั่นหลัก
การออกแบบที่ดีควรเริ่มจากการทีโครงสร้างลำดับ
ขั้นของข้อมูลที่เหมาะสม
รายการหลักในกลุ่มข้อมูลชั้นเเรกเป็นตัวกำหนดว่าระบบเนวิเกชั่่นเเบบโกบอลจะ
ต้องมีอะไรบ้าง
รายการหลักจะถูกลิงค์ให้เข้าถึงได้ทุกหน้าในเว็บเเละเป็นต้นเเบบให้กับระบบ
เนวิเกชั่นเเบบโลคอลเเละเเบบเฉพาะทีต่อไปทุกลำดับขั้นข้อมูลที่สูงกว่าเนวิเกชั่นเเบบกราฟฟิก VS ตัวอักษร
จะเลือกใช้เเบบใด้ก็ได้ขึ้นอยู่กับผู้ออกแบบ โดยปรกติรูปแบบกราฟิกจะดูสวยกว่าเเบบตัวอักษรอยู่เเล้ว เเต่อาจทำให้การเเสดงผลช้าลง
เนวิเกชั่นเเบบกราฟิกพร้อมคำอธิบาย
เนวิเกชั่นเเบบกราฟิกหรือไอคอนเพื่อเพิ่มความน่าสนใจของลิงค์ ควรใส่คำอธิบายควบคู่กับกราฟฟิกด้วย
พื้นฐานของระบบเนวิเกชั่น
หลักการออกแบบเนวิเกชั่นคือการอำนวยความสะดวกตามเป้าหมายของผู้ใช้ เพื่อให้รู้ว่าตอนนี้กำลังอยู่ที่ไหน มีหลายสิ่งที่ทำให้รู้สถานที่ได้โดยเร็วไม่ว่าจะเป็นเเผนที่ ป้ายบอกทาง เสียง อากาศ
เพิ่มความคล่องตัวในการเคลื่อนที่
สามารถเข้าถึงได้ในทุกๆหน้า ควรจะมีลิงค์อย่างน้อยที่สุด 1 ลิงค์เพื่อกลับไปยังหน้า Home เเละป้องกันปัญหาการเกิดหน้าทางตันที่ไม่มีลิงค์ไปสู่ส่วนใดๆ ในเว็บ
ออกแบบหน้าเว็บ
โครงสร้างของหน้าเว็บที่พบเห็นบ่อยๆ แบ่งเป็น 4 รูปแบบดังนี้
2.โครงสร้างแนวนอน
3.โครงสร้างหน้าเว็บที่พอดีกับหน้าจอ
4. โครงสร้างหน้าเว็บแบบสร้างสรรค์
By sunisa.....
ไม่มีความคิดเห็น:
แสดงความคิดเห็น