فيجما هي أداة تصميم قوية تسمح لك بإنشاء نماذج أولية ونماذج بالأحجام الطبيعية للواجهات. في هذه المقالة ، سنلقي نظرة على المبادئ الأساسية للعمل مع طبقة فيجما بطبقة ونتعلم كيفية استخدام هذه الميزة في مشاريعنا.
الطبقات في فيجما هي العناصر الرئيسية في عملية التصميم. أنها تسمح لك لتنظيم هيكل المشروع وجعلها أكثر ملاءمة للاستخدام. يمكن مقارنة الطبقات بألواح شفافة ، والتي يمكن تركيبها على بعضها البعض ، مما يؤدي إلى تكوين تركيبات معقدة.
يتيح العمل مع طبقة فيجما بطبقة للمصممين إدارة الكائنات ومكونات الواجهة بسهولة وتغيير موضعهم وحجمهم وأسلوبهم. هذه هي التقنية الأكثر ملاءمة وفعالية للعمل في محرر تصميم فيجما.
عند العمل مع طبقة فيجما بطبقة ، من المهم فهم التسلسل الهرمي للطبقات والقدرة على تنظيم هيكلها بشكل صحيح. من المهم أيضا معرفة كيفية تغيير خصائص الطبقة وتجميعها وإدارتها. في هذه المقالة ، سنلقي نظرة على كل هذه الجوانب ونتعلم كيفية استخدام طبقة التين بطبقة في مشاريعنا.
- الشروع في العمل مع فيجما: تثبيت الحساب والتسجيل
- أدوات فيجما الأساسية: رسم واختيار وتجميع الكائنات
- العمل مع الطبقات وهيكلتها في الشكل
- استخدام الأنماط والمكونات للتخطيط الفعال في فيجما
- تصدير مشروع من فيجما والعمل معا على التخطيط
الشروع في العمل مع فيجما: تثبيت وتسجيل حساب
قبل البدء في العمل مع فيغما ، سوف تحتاج إلى تثبيت التطبيق على جهاز الكمبيوتر الخاص بك وتسجيل حساب جديد. تقدم فيغما نسخة على الانترنت وكذلك إصدار سطح المكتب لأنظمة التشغيل ويندوز وماك.
لتثبيت فيجما على جهاز الكمبيوتر الخاص بك:
- انتقل إلى موقع فيجما الرسمي على https://www.figma.com /.
- انقر فوق الزر" تنزيل " في القائمة العلوية.
- حدد إصدار التطبيق لنظام التشغيل الخاص بك وقم بتشغيل الملف الذي تم تنزيله.
- اتبع تعليمات المثبت لإكمال التثبيت.
بعد تثبيت فيجما على جهاز الكمبيوتر الخاص بك ، سوف تحتاج إلى تسجيل حساب جديد:
- قم بتشغيل تطبيق فيجما على جهاز الكمبيوتر الخاص بك.
- انقر فوق الزر" تسجيل الدخول " في الزاوية اليمنى العليا من الشاشة.
- حدد خيار" إنشاء حساب " في نافذة تسجيل الدخول إلى الحساب.
- أدخل بريدك الإلكتروني وكلمة المرور ، ثم انقر فوق الزر" تسجيل".
- تحقق من بريدك الإلكتروني واتبع التعليمات لتأكيد تسجيل الحساب.
بعد الانتهاء من التسجيل ، سوف تكون قادرا على استخدام فيغما لإنشاء وتحرير التصاميم. سيسمح لك حسابك بحفظ مشاريعك ومزامنتها في السحابة ، بالإضافة إلى التعاون مع المصممين والمطورين الآخرين.
أدوات فيجما الأساسية: رسم واختيار وتجميع الكائنات
أداة الرسم: تقدم فيجما العديد من الأدوات لإنشاء الأشكال والعناصر. يتضمن ذلك أدوات لإنشاء مستطيلات وعلامات حذف وأشكال متعددة الأضلاع والمزيد. باستخدام هذه الأدوات ، يمكنك بسهولة إنشاء الأشكال وتخصيصها في التخطيط الخاص بك.
أداة التحديد: بالإضافة إلى أدوات الرسم ، تقدم فيجما أدوات لتسليط الضوء على الكائنات. يمكنك استخدام أداة المؤشر لتحديد كائن واحد أو أكثر في نفس الوقت. بالإضافة إلى ذلك ، يمكنك أيضا استخدام أداة المستطيل لتحديد مجموعة من الكائنات داخل منطقة مستطيلة.
أداة التجميع: تقدم فيجما أيضا أدوات لتجميع الكائنات. يمكنك تحديد كائنات متعددة وتجميعها معا لإدارتها بسهولة. يتم إنشاء مجموعة ككائن منفصل يمكن نقله وتغيير حجمه وتصميمه معا.
معرفة واستخدام هذه الأدوات فيغما الأساسية يسمح لك بسرعة وسهولة إنشاء ومعالجة الكائنات والطبقات في التخطيط الخاص بك. هذا هو أساس كبير للعمل مع فيغما وخلق التصاميم المهنية.
العمل مع الطبقات وهيكلتها في الشكل
عند العمل مع فيجما ، من المهم هيكلة الطبقات بشكل صحيح. هذا يقلل من الوقت الذي يقضيه في البحث عن العناصر الصحيحة ويزيد من كفاءة العمل في المشروع. فيما يلي بعض المبادئ الأساسية للعمل مع الطبقات في فيجما:
طبقات الاسم بأسماء ذات مغزى ومفهومة. عندما تحوم فوق طبقة ، سيظهر اسمها في اللوحة اليمنى من فيجما ، لذلك من المهم اختيار مثل هذا الاسم بحيث يكون واضحا ما هو موجود بالضبط داخل الطبقة.
تجميع الطبقات ذات الصلة ضمن مجموعات منفصلة. للقيام بذلك ، يمكنك تحديد عدة طبقات باستخدام شيفت أو كترل (على ويندوز) / كمد (على ماك) وانقر على زر "المجموعة" في شريط الأدوات أو استخدام اختصار لوحة المفاتيح كترل (على ويندوز) / كمد (على ماك) + ز.من خلال تجميع الطبقات ، يمكنك هيكلة محتوى المستند وتبسيط العمل معها.
استخدم المجموعات والطبقات المتداخلة. فيغما يسمح لك لخلق التسلسل الهرمي للطبقات عن طريق وضع بعض الطبقات داخل الآخرين. على سبيل المثال ، إذا كان لديك مجموعة "رأس" ، يمكنك إنشاء طبقات "شعار" ، "القائمة" و "زر البحث" داخله. سيساعد ذلك في الحفاظ على الترتيب في المستند والعثور بسرعة على العنصر الصحيح.
استخدم ملصقات ملونة للطبقات. فيغما يسمح لك لتعيين تسميات اللون إلى طبقات ، مما يساعدك بسهولة تصنيف مجموعات مختلفة والعناصر الفردية. على سبيل المثال ، يمكنك استخدام التصنيفات الحمراء للطبقات "المهمة" والطبقات الخضراء لـ "المطور".
استخدم التسلسل الهرمي للطبقات وشفافيتها للعمل مع العناصر المتداخلة. الطبقات ذات الفهرس الأعلى أعلى من الطبقات ذات الفهرس السفلي. يمكنك تغيير مؤشر طبقة باستخدام التحرك إلى الأمام والتحرك إلى الوراء الأوامر في شريط الأدوات أو اختصارات لوحة المفاتيح السيطرة (على ويندوز) /كمد (على ماك) + ] والسيطرة (على ويندوز)/كمد (على ماك) + [ على التوالي.
باتباع هذه المبادئ ، ستتمكن من العمل بفعالية مع الطبقات في فيجما والتنقل بسهولة في التصميم الذي تقوم بإنشائه.
استخدام الأنماط والمكونات للتخطيط الفعال في فيجما
عند إنشاء أو تحرير تخطيط في فيجما ، فمن المستحسن استخدام الأنماط والمكونات بنشاط لتبسيط عملية التخطيط والحفاظ على اتساق مظهر العناصر.
لإنشاء نمط ، حدد الطبقة أو العنصر الذي تريد تطبيق النمط عليه ، وانقر بزر الماوس الأيمن. في قائمة السياق ، حدد" إنشاء نمط " وحدد خصائص النمط مثل الخط والحجم واللون وما إلى ذلك. ثم قم بتطبيق النمط الذي تم إنشاؤه على طبقات أو عناصر أخرى عن طريق تحديدها وتحديد النمط المطلوب من لوحة الأنماط. إذا قمت بتغيير خصائص نمط ما ، فسيتم تطبيق هذه التغييرات تلقائيا على جميع العناصر التي تم تطبيق هذا النمط عليها.
لإنشاء مكون ، حدد الطبقة أو العنصر الذي تريد تحويله إلى مكون. انقر بزر الماوس الأيمن وحدد"جعل المكون". ثم أضف المكون إلى تخطيطات أخرى ببساطة عن طريق سحبه من مكتبة المكونات. إذا قمت بتغيير مكون ، فسيتم تطبيق هذه التغييرات تلقائيا على جميع مثيلات هذا المكون في التخطيطات الأخرى.
يمكن أن يؤدي استخدام الأنماط والمكونات في فيجما إلى توفير الوقت بشكل كبير وتبسيط عملية التخطيط. أنها تساعد على خلق مظهر ثابت للعناصر وإجراء تغييرات بسرعة على التصميم. لا تتردد في تجربة استخدام الأنماط والمكونات والعثور على أكثر الطرق فعالية لاستخدامها في التخطيطات الخاصة بك.
تصدير مشروع من فيجما والعمل معا على التخطيط
عندما يكون التخطيط الخاص بك جاهزا وكنت على استعداد لمشاركتها مع المشاركين الآخرين في المشروع ، يوفر فيغما الفرصة لتصدير المشروع في أشكال مختلفة للتعاون.
فيجما لديها العديد من خيارات التصدير التي تسمح لك باختيار التنسيق المناسب لفريقك:
- تصدير إلى صورة: يمكنك تصدير طبقات فردية أو قماش كامل في ينغ ، جبيغ ، أو شكل سفغ. وهذا مفيد إذا كنت بحاجة إلى مشاركة تخطيط مع الناس الذين ليس لديهم إمكانية الوصول إلى فيغما.
- تصدير إلى التعليمات البرمجية: يمكنك أيضا تصدير التخطيط الخاص بك إلى التعليمات البرمجية التي يمكن استخدامها لتطوير التصميم الخاص بك. فيغما يدعم التصدير إلى كس ، سويفت والروبوت شمل.
- إرسال رابط إلى المشروع: إذا كنت تريد أن يتمكن الأشخاص من عرض التخطيط الخاص بك والتعليق عليه ، ولكن ليس تغييره ، فيمكنك إرسال رابط إلى المشروع في فيجما. هذا مناسب ، حيث سيتم عرض جميع التغييرات في الوقت الفعلي ، وستتمكن من رؤية التعليقات والتعليقات من أعضاء الفريق الآخرين.
وبالإضافة إلى ذلك ، يوفر فيغما الفرصة للعمل معا على التخطيط. يمكنك دعوة أعضاء الفريق الآخرين إلى المشروع حتى يتمكنوا من العمل معا على التخطيط وإجراء التغييرات وترك التعليقات. هذا مفيد بشكل خاص إذا كنت تعمل على فريق بعيد أو موزع ، حيث سيتم حفظ جميع التغييرات ومتاحة لجميع أعضاء الفريق في الوقت الفعلي.
وبالتالي ، فإن تصدير مشروع من فيجما والعمل معا على تخطيط يسهل عملية التعاون في فريق ويزيد من كفاءة عملك.