Animation Animation
Eine Animation ist eine geplante Änderung über die Zeit. Sie kann mehrere Schritte, Zustände oder Wiederholungen haben.
↗Bewegung
Lernen Sie, wie Bewegung Veränderungen zeigen, Aufmerksamkeit lenken und den Bildschirm dennoch leicht nutzbar halten kann.
01 / Atlas
Alle Begriffe aus Bewegung
Einen Begriff öffnen für eine einfache Bedeutung, ein Beispiel, wann er verwendet wird, wie offiziell er ist und seinen Codenamen.
-
01 · Kern -
02 · Kern Drag & Drop Drag & Drop
Drag & Drop lässt Leute Elemente direkt verschieben, neu anordnen oder übertragen. Es muss zeigen, wenn ein Element aufgehoben wird und wo es landen kann.
↗ -
03 · Mehr Details Einblenden, Ausblenden & Überblenden Enter, Exit & Crossfade
Einblenden, Ausblenden und Überblenden fügen Inhalte hinzu, entfernen oder ersetzen sie. Sie helfen, dass der Wechsel glatt und verbunden aussieht.
↗ -
04 · Mehr Details Federanimation Spring Animation
Die Federanimation folgt einem physikalischen Modell. Steifigkeit, Dämpfung, Masse und Startgeschwindigkeit steuern, wie sie sich bewegt.
↗ -
05 · Kern Keyframes Keyframes
Keyframes sind benannte Punkte in einer Animation. Jeder Punkt setzt Eigenschaftswerte für einen gewählten Moment.
↗ -
06 · Mehr Details Laufband Marquee
Ein Streifen mit sich wiederholenden Inhalten, der sich ständig bewegt. Er muss Steuerungen oder eine ruhige Version für Menschen bieten, die empfindlich auf Bewegung reagieren.
↗ -
07 · Mehr Details Mikrointeraktion Microinteraction
Eine Microinteraction ist eine kleine Rückmeldung für eine einzige Aktion. Sie hat einen Auslöser, eine Regel, eine Reaktion und einen Zustand, der bleibt.
↗ -
08 · Mehr Details Parallax-Scrolling Parallax Scrolling
Parallax-Scrolling lässt Ebenen mit unterschiedlichen Geschwindigkeiten bewegen, während eine Seite gescrollt wird. Der Geschwindigkeitsunterschied erzeugt ein Tiefengefühl.
↗ -
09 · Kern Reduzierte Bewegung Reduced Motion
Reduzierte Bewegung ist eine Einstellung zur Barrierefreiheit und ein Designmodus. Sie entfernt oder vereinfacht Bewegungen, die Menschen nicht benötigen.
↗ -
10 · Mehr Details Text durcheinander Text Scramble
Eine dekorative Textänderung, die kurz zufällige Symbole zeigt und sich dann auf die echten Wörter einpendelt.
↗ -
11 · Kern Übergang Transition
Ein Transition wechselt über eine festgelegte Zeit zwischen zwei bekannten visuellen Zuständen.
↗ -
12 · Kern Vereinfachung Easing
Easing ist die Zeitkurve, die bestimmt, wie eine Animation schneller und wieder langsamer wird.
↗