كيفية تصميم قائمة الطعام

جدول المحتويات:

كيفية تصميم قائمة الطعام
كيفية تصميم قائمة الطعام

فيديو: كيفية تصميم قائمة الطعام

فيديو: كيفية تصميم قائمة الطعام
فيديو: 15- تصميم قائمة الطعام : Menu Design Tutorial 2024, يمكن
Anonim

يعتمد عدد زوار الموقع إلى حد كبير على راحة القائمة. يتيح لك التنقل المصمم جيدًا العثور بسرعة على المعلومات التي تهمك ، وتجنب المرور الطويل والمضجر على طول سلسلة الروابط. واجهة واضحة وممتعة ، يزيد نظام الألوان الصحيح بشكل ملحوظ من عدد المعجبين بمورد الإنترنت.

كيفية تصميم قائمة الطعام
كيفية تصميم قائمة الطعام

تعليمات

الخطوة 1

يبدأ إنشاء قائمة الموقع بتحديد الجوهر الدلالي للمورد المستقبلي. حدد تلك الكلمات والعبارات التي ستصبح مفتاحًا له - سيتم تضمين العديد منها في سطور القائمة التي يتم إنشاؤها. يجب وضع العناوين الأكثر أهمية وشمولاً بالقرب من جذر الموقع ، وعادةً ما تصبح عناوين أقسام. ستصبح العبارات الرئيسية الأقل أهمية موضوعات فرعية وعناوين مقالات معينة.

الخطوة 2

بعد التعامل مع الأسماء ، لديك بالفعل فكرة تقريبية عن عدد الروابط التي يجب أن تكون لديك وماهية الروابط. أنت الآن بحاجة إلى ترتيبها بشكل صحيح ، وإنشاء تنقل مناسب عبر صفحات الموقع. يجب أن تبدأ بقائمة الصفحة الرئيسية للموقع. يمكن أن تكون ثابتة ، عندما يرى الزائر جميع سطوره مرة واحدة ، وقائمة منسدلة - تظهر القائمة الكاملة عندما يحوم المؤشر فوق عنصر القائمة الأول.

الخطوه 3

إذا كان لديك موقع كبير ومعقد ويصعب عليك وضع الكثير من الروابط على الصفحة الرئيسية ، فاستخدم القوائم المنسدلة. تجنب القوائم المتداخلة العميقة ، عندما يتم فتح قائمة جديدة ، ثم قائمة أخرى ، وأكثر من ذلك عند التمرير فوق سطر ما … دع القائمة تسقط مرتين أو ثلاث مرات ، سيكون هذا كافيًا للانتقال إلى صفحات الموضوعات الفرعية ، حيث يمكن للمستخدم بالفعل تحديد المادة التي تهم … إذا كان لديك موقع بسيط ، فمن المنطقي أكثر أن تظهر جميع أقسامه الرئيسية مرة واحدة في شكل خطوط قائمة دائمة.

الخطوة 4

عند العمل في التنقل في الموقع ، حاول على الفور إنشاء قالب مشترك لمعظم الصفحات. ستقوم فقط بتغيير الروابط الفردية فيه ، بينما سيبقى المظهر العام وهيكل التنقل كما هو. على سبيل المثال ، يجب أن تحتوي جميع الصفحات على أزرار مثل "الصفحة الرئيسية" (باستثناء الصفحة الرئيسية) ، و "رجوع" ، و "إلى الأمام". يمكنك وضعها ليس فقط في الجزء العلوي من الصفحة ، ولكن يمكنك أيضًا تكرارها في الجزء السفلي. يعد هذا مناسبًا للمستخدم ، حيث لا يتعين عليه التمرير إلى الأعلى بعد قراءة الصفحة. بدلاً من ذلك ، قم بعمل الزر "أعلى" في الجزء السفلي للانتقال بسرعة إلى أعلى الصفحة.

الخطوة الخامسة

انتبه بشكل خاص إلى الشكل الذي سيبدو عليه موقعك في أحجام ودرجات دقة الشاشة المختلفة. تأكد من عرض الصفحات التي تم إنشاؤها في متصفحات مختلفة ، حيث قد يعرض بعضها عناصر معينة بشكل غير صحيح. حاول ألا تستخدم طريقة يتم فيها تمييز الروابط المعروضة بالفعل بلون مختلف - خاصةً إذا كان هناك القليل منها. فائدة ذلك مثيرة للجدل وظهور الصفحات فاسد.

الخطوة 6

يجب دمج مخطط ألوان القائمة التي تم إنشاؤها بشكل عضوي مع تصميم الصفحات. تأكد من أن نص الروابط سهل القراءة ولا يضطر المستخدم لإجهاد عينيه. عند التمرير ، يجب تغيير لون الارتباط أو وضع خط تحته. لا تبالغ في تعقيد تصميم موقع الويب الخاص بك وهيكل القائمة. ضع نفسك دائمًا في مكان المستخدم - هل من الملائم له استخدام الموقع؟ فقط مجموعة عضوية من جميع العناصر ستسمح لك بإنشاء موقع يشعر فيه الزائر بالراحة والراحة.

موصى به: