Windows Dev Center

Bewegung

Great British Chefs-App

 

Die Verwendung von Animationen kann Ihrer App eine bessere Ästhetik und mehr Energie und Charakter verleihen. Mithilfe von Animationen kann der Benutzer den Vorgängen auf dem Bildschirm besser folgen, weil flüssige Übergänge zwischen unterschiedlichen Zuständen möglich sind. Befolgen Sie das Prinzip "schnell und flüssig", indem Sie Animationen erstellen, die effizient sind und gut funktionieren. Ihre App sollte auf Benutzereingaben reibungslos und kontinuierlich reagieren.

Animation in Windows

Windows ist grundsätzlich digital und nimmt keinen Bezug auf Objekte oder Verhaltensweisen aus der realen Welt bzw. imitiert diese nicht. Windows vermeidet negative Konventionen wie z. B. Bewegungsunschärfen oder übertriebene Hüpfbewegungen und Verzerrungen. Die Animationen in Windows sind präzise und zielgerichtet, und Objekte sind praktisch reibungslos beweglich.

Benutzer können zwar auch nur mit Schwenken und Bildlauf durch Inhalte navigieren, aber mit dem semantischen Zoom stellen Sie Ihren Benutzern leistungsstarke Navigations- und Organisationsfunktionen zur Verfügung. Durch den semantischen Zoom werden Strecken beim Navigieren in großen Inhaltsmengen als deutlich kürzer wahrgenommen, und der Zugriff auf Stellen innerhalb der Inhalte ist schnell und einfach möglich.

 

Semantischer Zoom in der Netflix-App

 

Einsatzmöglichkeiten von Animationen

Eine Animation sollte, genau wie ein statisches Layout, über eine visuelle Hierarchie verfügen. Nicht jeder Teil des Layouts ist relevant. Identifizieren Sie die Teile, die am wichtigsten sind, und wenden Sie entsprechend Animationen an.

Die ästhetischen Seitenübergänge verleihen der Great British Chefs-App Bewegung. Der semantische Zoom erleichtert die Navigation in dieser App und stellt eine gute Ergänzung zur Navigationsleiste dar.

 

Semantischer Zoom in der Great British Chefs-App

 

Der Abschnitt mit den Rezepten ist besonders interessant. Die Kacheln werden umgedreht, sodass der Name des Gerichts und des Kochs zu lesen ist. Dieses unerwartete Element soll die Begeisterung des Benutzers wecken und ihn dazu auffordern, die zahlreichen Inhalte der App zu entdecken.

 

Rezepte in der Great British Chefs-App

 

Sie können Bewegungen auch nutzen, um den Charakter und die Marke einer App verstärkt zu kommunizieren. Die Animation auf dem Begrüßungsbildschirm dieser Netflix-App ist sowohl subtil als auch ästhetisch ansprechend. Dieses Beispiel zeigt sehr schön, dass Animationen nicht auffällig sein müssen, um Wirkung zu erzielen. Während die App geladen wird, wird der rote Hintergrund dunkler, bis das Logo zur Bildschirmmitte aufsteigt und der Fortschrittskreis sichtbar wird.

 

Begrüßungsbildschirm für die Netflix-App

 

Verwandte Themen

Animieren der Benutzeroberfläche (JavaScript)
Animieren der Benutzeroberfläche (C#/VB/C++)
Galerie

 

 

Anzeigen:
© 2015 Microsoft