Hareketle devinim arasındaki fark: easing

Doğrusal hareket — A'dan B'ye sabit hız — fiziksel dünyada yok, bu yüzden gözümüz onu mekanik okuyor. Easing, iki keyframe arasında bir değerin nasıl hızlanıp yavaşladığını tarif ediyor; iyi seçmek de mockup animasyonuna yapabileceğin en ucuz iyileştirme.

Varışlarda ease out, yolculuklarda ease in-out

Hızlı başlayıp yumuşak oturan kamera — ease out — kendinden emin hissettiriyor ve cihaza doğru yaklaşmanın doğru varsayılanı. Simetrik ease in-out, yavaş bir yörünge gibi hem durgunlukta başlayıp hem durgunlukta biten hareketlere yakışıyor. Yavaş başlayıp hızlı biten tek başına ease in ise neredeyse her zaman bir kesmeyle devam etmeli, çünkü tam hızda bitip duran çekim düşmüş kare gibi görünüyor.

Ortayı öldüren eğrilere dikkat

Sert üstel easing, sürenin çoğunu neredeyse hareketsiz geçirip mesafeyi son anlarda kapatıyor. Kısa bir vuruşta bu keskin okunuyor; bir saniyeden uzun bir segmentte bozuk okunuyor, çünkü izleyici sürenin çoğunda durağan bir görsele bakıyor. Uzun açılış ve kapanış hareketlerinde daha yumuşak bir quint ya da cubic eğri, hareketi bütün süreye yayıyor.

Easing'i dizi boyunca eşleştir

Birinci çekim yumuşak oturuyor, ikincisi sert duruyorsa video farklı projelerden derlenmiş gibi hissettiriyor. Tek bir varış eğrisi seç ve tekrar kullan. Çeşitlilik süre ve mesafeden gelmeli — yavaş ve küçük bir hareket ile hızlı ve büyük bir hareket — her seferinde farklı bir eğriden değil.