خطوط إرشاد 27/10/2021

إنشاء رأس القائمة الإلكترونية

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

مثال على رأس القائمة الإلكترونية
مثال على رأس القائمة الإلكترونية

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


تصميم أول للجوال وسريع الاستجابة


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

مثال على عرض عنوان على جهاز محمول
مثال على عرض عنوان على جهاز محمول

الأبعاد وتحديد المواقع


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

مثال على عرض عنوان على جهاز لوحي
مثال على عرض عنوان على جهاز لوحي

إذا كان عرض الصورة أقل من 1080 بكسل ، فسيؤدي ذلك إلى فقدان الجودة بسبب التمدد على شاشات أجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر الثابتة.

مثال على عرض عنوان على MacBook
مثال على عرض عنوان على MacBook

يجدر أيضًا التفكير في موقع النص إذا كان جزءًا من الصورة. تأكد من التحقق من صحة عرضه بعد التحميل.


زخرفة الرأس


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

  1. صورة 1080x400 بكسل.
  2. تم تطبيق طبقة داكنة مع عتامة 90 بالمائة (بهذه الطريقة لا يندمج الخط الأبيض للنص مع الخلفية المحددة).
  3. يتم توسيط النص أفقياً وفوق المركز عموديًا بقليل.
مثال خطوة بخطوة على إنشاء عنوان لمطعم
مثال خطوة بخطوة على إنشاء عنوان لمطعم
  • لا تنس أن كل التفاصيل مهمة لعملائك. قد لا يلاحظون ذلك ، لكن كل شيء صغير يؤثر على اللاوعي ، ويشكل فكرتهم العامة عن المؤسسة. تتعلق القائمة الإلكترونية بالعناية بصحتهم ، والقائمة الإلكترونية المريحة تدور حول الاهتمام بوقتهم ، والقائمة الإلكترونية المريحة والجميلة تدور حول سعادتهم.
العلامات: القائمة الإلكترونية ، رمز الاستجابة السريعة ، المطعم ، الفندق ، المقهى ، البار ، الجماليات ، التصميم

أنظر أيضا
استخدم Stripe لمدفوعات القائمة الرقمية في هذا الدليل ، ستتعلم كيفية قبول المدفوعات عبر الإنترنت عن طريق توصيل القائمة الرقمية الخاصة بك بحساب Stripe. 22/08/2022
تعديل الأطباق باستخدام وظيفة "الإضافة" في القائمة الرقمية اسمح لعملائك بتشكيل تكوين الأطباق بأنفسهم عن طريق اختيار المكونات الضرورية من خلال قائمة رقمية 14/08/2022
كيفية إلغاء تنشيط عناصر القائمة؟ يتيح لك إلغاء التنشيط (الإضافة إلى قائمة الإيقاف) إخفاء عناصر القائمة الإلكترونية لعملائك ، وتركها في لوحة الإدارة. 21/06/2022