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

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

بول لويس

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

ملخّص

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

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

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

شاهِد صورة متحركة رائعة للاسترخاء

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

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

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

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

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

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