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