K Auf den Punkt gebracht

Bewegungen von Objekten sind nicht geradlinig, sondern folgen bogenförmigen Linien.

K Grundlagen

In der realen Welt folgen Bewegungen überwiegend kurvigen Linien. Deshalb wirkt es für das menschliche Auge mechanisch und nicht natürlich, wenn sich Objekte in geraden Linien bewegen. UI Animationen, die sich an diese Regel halten, zeigen mehr Natürlichkeit.

K Beispiele

Transitions

Anwendung findet diese Guideline oft bei Übergängen zwischen zwei Bildschirmansichten. Einzelne Elemente bewegen sich dann nicht über den schnellsten Weg an ihren neuen Platz, sondern in einem leichten Bogen.

Bildergalerie

Für Bildergalerien, bei denen sich das ausgewählte Bild in einer Lightbox öffnet, eignet sich diese Guideline ebenfalls.

K Quellen

Designing Interface Animation: Meaningful Motion for User Experience.

The Animator’s Survival Kit –
A Manual of Methods, Principles and Formulas for Classical, Computer, Games, Stop Motion and Internet Animators