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