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