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