اختَر السرعة المناسبة لمشروعك، سواء كانت سرعة تزايد أو تناقص أو كليهما. يمكنك أيضًا استخدام العناصر المرنة لإضافة المزيد من المرح.
بعد مناقشة الخيارات المختلفة المتاحة لتخفيف الصور المتحركة، ما هو النوع الذي يجب استخدامه في مشاريعك، وما هو نوع المدّة التي يجب أن تبلغها الصور المتحركة؟
ملخّص
- استخدِم الرسومات المتحرّكة ذات السرعة المتزايدة لعناصر واجهة المستخدم، فالسرعة المتزايدة الخماسية هي سرعة رائعة جدًا، وإن كانت سريعة.
- احرص على استخدام مدة الحركة، ويجب أن تتراوح مدة الحركات الناعمة للخروج والدخول بين 200 و500 ملي ثانية، في حين يجب أن تتراوح مدة الحركات المرنة للخروج والدخول بين 800 و1200 ملي ثانية.
بشكل عام، سيكون التلاشي هو الخيار المناسب، وهو بالتأكيد الإعداد التلقائي الجيد. يبدأ هذا التأثير بسرعة، ما يمنح صورك المتحركة شعورًا بالاستجابة، وهو أمر مرغوب فيه، ولكن مع إبطاء لطيف في النهاية.
هناك مجموعة من معادلات التخفيف المعروفة التي تتجاوز تلك المحدّدة باستخدام الكلمة الرئيسية ease-out في CSS، والتي تختلف في "شدتها". للحصول على تأثير تسوية سريع، ننصحك باستخدام التسوية الخماسية.
الاطّلاع على صورة متحركة ذات انتقال تدريجي خامس
يجب استخدام معادلات التخفيف الأخرى، خاصةً الارتدادات أو التخفيفات المرنة، بشكل مقتصد، وفقط عندما يكون ذلك مناسبًا لمشروعك. إنّ الصور المتحركة المزعجة هي من بين الأسباب التي تدفع المستخدم إلى الابتعاد عن تجربة معيّنة. إذا لم يكن مشروعك مخصّصًا للتسلية، لا تجعل العناصر تقفز في واجهة المستخدم. في المقابل، إذا كنت تنشئ موقعًا إلكترونيًا من المفترض أن يكون خفيفًا، يمكنك استخدام الارتدادات بكلّ تأكيد.
يمكنك تجربة الإعدادات بسهولة وتحديد الإعدادات التي تتناسب مع شخصية مشروعك، ثم المتابعة وفقًا لذلك. للحصول على قائمة كاملة بأنواع الإيقاف المؤقت، بالإضافة إلى العروض التوضيحية، يُرجى الانتقال إلى easings.net.
اختيار مدة الحركة المناسبة
من المهم أن يكون لأي صورة متحركة تمت إضافتها إلى مشروعك المدة الصحيحة. إذا كانت قصيرة جدًا، ستبدو الصورة المتحركة قوية وحادة. وإذا كانت طويلة جدًا، ستبدو عائقًا ومزعجًا.
- المدة الزمنية للاختفاء: من 200 إلى 500 ملي ثانية تقريبًا يمنح ذلك العين فرصة رؤية الصورة المتحركة، ولكنّها لا تبدو عائقًا.
- المدة الزمنية للانتقالات: من 200 إلى 500 ملي ثانية تقريبًا يُرجى العِلم أنّه سيتم إيقافه بشكل مفاجئ في النهاية، ولن تؤدي أي تغييرات في التوقيت إلى تخفيف هذا التأثير.
- التأثيرات المرنة أو المرتدّة: من 800 إلى 1200 ملي ثانية تقريبًا عليك الانتظار حتى "تستقر" تأثيرات المرونة أو الارتداد. بدون هذا الوقت الإضافي، سيكون الجزء المرن من التأثير المتحرك عدوانيًا وغير مريح للعين.
هذه ليست سوى إرشادات. جرِّب الإعدادات التي تناسبك واختَر ما يناسب مشاريعك.