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