اختيار التخفيف الصحيح

اختَر مستوى التخفيف المناسب لمشروعك، سواء كان التخفيف للداخل أو للخارج أو كليهما. وربما استخدم الارتدادات للحصول على مزيد من المرح!

بعد أن ناقشنا الخيارات المختلفة المتاحة للتخفيف في الرسوم المتحركة، ما النوع الذي يجب أن تستخدمه في مشروعاتك، وما نوع المدد التي يجب أن تحتوي عليها الرسوم المتحركة؟

ملخّص

  • استخدم الرسوم المتحركة المريحة لعناصر واجهة المستخدم؛ الإرخاء المذهل هو شيء رائع، وإن كان سريعًا.
  • تأكد من استخدام مدة الرسوم المتحركة؛ يجب أن تكون فترات الإرخاء والتخفيف بين 200 و500 ملّي ثانية، في حين يجب أن تتراوح أوقات الإرخاء والتخفيف المرن إلى مدة أطول تتراوح بين 800 و1200 ملي ثانية.
رسم متحرك فريد وبسيط.

بشكل عام، سيكون الاسترخاء هو الخيار الصحيح، وبالتأكيد خيار تلقائي جيد. إنها للبدء بسرعة، مما يمنح الرسوم المتحركة شعورًا بالاستجابة، وهو أمر مرغوب فيه، ولكن مع حركة بطيئة جيدة في النهاية.

هناك مجموعة من معادلات التخفيف المعروفة غير تلك المحددة في الكلمة الرئيسية ease-out في CSS والتي تتراوح في مستوى "الشدة". للحصول على تأثير تخفيف سريع، يمكنك استخدام التخفيف الجوهري.

مشاهدة صورة متحركة بسيطة وسريعة

يجب استخدام معادلات التخفيف الأخرى، لا سيما الارتدادات أو التخفيفات المرنة، باعتدال وفقط عندما يكون ذلك مناسبًا لمشروعك. هناك بعض الأشياء التي تجعل المستخدم خارج التجربة مثل الرسوم المتحركة المزعجة. إذا كان مشروعك لا يهدف إلى أن يكون ممتعًا، فلا تحتوي على عناصر ترتد حول واجهة المستخدم. وبالعكس، إذا كنت تنشئ موقعًا إلكترونيًا من المفترض أن يكون مرحًا، فاستخدم مرات الارتداد بكل الطرق!

جرِّب بكل سهولة وتعرَّف على أي منها يناسب شخصية مشروعك، وانطلِق من هناك. للحصول على قائمة كاملة بأنواع التخفيف بالإضافة إلى الإصدارات التجريبية، يمكنك الانتقال إلى easings.net.

اختيار المدة المناسبة للصور المتحركة

من المهم أن يكون لأي رسم متحرك تتم إضافته إلى مشروعك بالمدة الصحيحة. قصيرة جدًا وستكون الرسوم المتحركة عدوانية وحادة؛ طويلة جدًا وستكون حادة ومزعجة.

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

وبالطبع، هذه مجرد إرشادات. يمكنك تجربة وسائل الراحة الخاصة بك واختيار ما يناسب مشاريعك.