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