Easing ist der Unterschied zwischen Bewegung und Bewegtheit

Lineare Bewegung — konstantes Tempo von A nach B — existiert in der physischen Welt nicht, unser Auge liest sie deshalb als mechanisch. Easing beschreibt, wie ein Wert zwischen zwei Keyframes beschleunigt und abbremst. Es gut zu wählen ist die günstigste Verbesserung, die einer Mockup-Animation zur Verfügung steht.

Ease-out für Ankünfte, Ease-in-out für Wege

Eine Kamera, die schnell startet und sanft einläuft — Ease-out — wirkt souverän und ist die richtige Voreinstellung für eine Fahrt auf ein Gerät zu. Symmetrisches Ease-in-out passt zu Bewegungen, die aus der Ruhe starten und in Ruhe enden, etwa eine langsame Umkreisung. Reines Ease-in, langsam beginnend und schnell endend, sollte fast immer von einem Schnitt gefolgt werden, denn eine Einstellung, die bei voller Geschwindigkeit einfach aufhört, sieht aus wie ein fehlendes Bild.

Vorsicht vor Kurven, die die Mitte töten

Starkes exponentielles Easing verbringt fast die gesamte Dauer nahezu stillstehend und legt die Strecke erst am Ende zurück. Über einen kurzen Beat liest das knackig, über mehr als etwa eine Sekunde kaputt, weil man den größten Teil der Zeit auf ein Standbild schaut. Für lange Auftakt- und Schlussfahrten hält eine sanftere Quint- oder Cubic-Kurve die Bewegung über die ganze Dauer sichtbar.

Easing über die Sequenz angleichen

Läuft Einstellung eins weich ein und Einstellung zwei mit hartem Stopp, wirkt das Video aus verschiedenen Projekten zusammengesetzt. Wähle eine Ankunftskurve und verwende sie wieder. Abwechslung entsteht über Dauer und Strecke — eine langsame kleine gegen eine schnelle große Bewegung — nicht über jedes Mal eine andere Kurve.