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