วิธีออกแบบเมนู

สารบัญ:

วิธีออกแบบเมนู
วิธีออกแบบเมนู

วีดีโอ: วิธีออกแบบเมนู

วีดีโอ: วิธีออกแบบเมนู
วีดีโอ: ออกแบบเมนูตาม Style EP.1 | การทำป้ายเมนูอาหารตามสั่งขนาด A4 2024, ธันวาคม
Anonim

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

วิธีออกแบบเมนู
วิธีออกแบบเมนู

คำแนะนำ

ขั้นตอนที่ 1

การสร้างเมนูไซต์เริ่มต้นด้วยการกำหนดแกนหลักของทรัพยากรในอนาคต กำหนดคำและวลีที่จะกลายเป็นกุญแจสำคัญสำหรับเขา - หลายคำจะรวมอยู่ในบรรทัดของเมนูที่ถูกสร้างขึ้น ชื่อที่สำคัญและครอบคลุมที่สุดควรอยู่ใกล้กับรากของไซต์ ซึ่งมักจะกลายเป็นชื่อส่วน วลีสำคัญที่มีนัยสำคัญน้อยกว่าจะกลายเป็นหัวข้อย่อยและชื่อบทความเฉพาะ

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

หากคุณมีไซต์ที่ซับซ้อนขนาดใหญ่และยากที่จะวางลิงก์จำนวนมากในหน้าแรก ให้ใช้เมนูแบบเลื่อนลง หลีกเลี่ยงเมนูที่ซ้อนกันอย่างลึก เมื่อวางเมาส์เหนือบรรทัด รายการใหม่จะเปิดขึ้น จากนั้นอีกรายการหนึ่ง และอื่นๆ … ปล่อยให้รายการหลุดออกไปสองหรือสามครั้ง นี่จะเพียงพอสำหรับไปยังหน้าของหัวข้อย่อย โดยที่ ผู้ใช้สามารถเลือกวัสดุที่สนใจได้แล้ว … หากคุณมีไซต์ที่เรียบง่าย การแสดงส่วนหลักทั้งหมดในครั้งเดียวในรูปแบบของบรรทัดเมนูแบบถาวรจะมีเหตุผลมากกว่า

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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