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