Lasst uns einige Beispiele von UI-Animationen ansehen, die von gut bis großartig gehen. Mit ein wenig Feinabstimmung hier und da kannst du dein UI-Muster mit Animationen aufwerten.
Die aufgelisteten Interaktionen zeigen Kontinuität zwischen Zuständen, weisen auf eine Beziehung zwischen gemeinsam genutzten Elementen auf und rufen die Aufmerksamkeit des Benutzers auf etwas, das er beachten und auf das er reagieren sollte.
Um die folgenden Animationen zu erstellen, hat Pablo Stanley (@pablostanley) die Richtlinien von Material Motion, IBMs Animation Principles und The UX in Motion Manifesto befolgt.
Alle Interaktionen wurden mit der Early-Access-Version von InVision Studio durchgeführt. In der folgenden Leseempfehlung kannst du außerdem die Quelldateien herunterladen.
Schreibe einen Kommentar