Bewegungseffekte und UX-Animation waren noch nie so einfach.
Mit „Auto-Animate“ werden iterierte Elemente automatisch animiert. Füge einfach Bewegungseffekte, Interaktionen, visuelles Feedback und nahtlose Übergänge hinzu – ohne Programmieraufwand oder Einsatz zusätzlicher Tools. Starte gleich durch. Erstelle professionelle Animationen mit nur einem Klick.
Verbinde Zeichenflächen miteinander. Das Erstellen der Übergänge kannst du der Funktion „Auto-Animate“ überlassen.
Erstelle verschiedene Zustände für Komponenten. Füge Interaktionen wie Hover, Aktiviert/deaktiviert, Scrollen und Wischen oder Herunterziehen zum Aktualisieren hinzu.
Biete deinem Publikum packende Experiences mit animierten Icons, Ladesequenzen und Onboarding-Infos.
So funktioniert’s.
Verbinde zwei Zeichenflächen.
Du kannst auch einen Übergang zwischen einer Komponente und einem Komponentenzustand wie Hover oder Aktiviert/deaktiviert erstellen.
Wähle als Aktion „Auto-Animate“.
Bearbeite den Übergang nach Wunsch. Du kannst auch einen Trigger wie „Antippen“ oder „Ziehen“ auswählen sowie eine Zeit angeben.
Zeige den Prototyp als Vorschau an.
Zeige den Prototyp als Vorschau an. Klicke auf die Schaltfläche zum Abspielen. Löse den Übergang aus, und sieh dir die automatisch erzeugte Animation an.
Kenntnisse vertiefen und Neues lernen.
Hole dir kostenlose Tipps, Tools und Tutorials für die Arbeit mit XD.
