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