Motion
Motion Lab
Bewegung erklärt, was sich verändert.
Choreografie, die Hierarchie, Zustand und Rhythmus sichtbar macht.
Live-Experiment
So benutzt du diesen Raum
- Wähle eine Bewegungskurve.
- Starte die Sequenz oder ziehe die Zeitleiste.
- Ändere das Tempo und vergleiche die Wirkung.
Was dieser Raum untersucht
Die Demo verbindet sichtbare Gestaltung mit robustem Verhalten im Browser.
Scroll-Choreografie
Inhalte erscheinen in der Reihenfolge, in der sie verstanden werden sollen.
Physikbasierte Übergänge
Federung und Trägheit vermitteln Gewicht, ohne Bedienung zu verzögern.
Reduced Motion
Eine ruhige Alternative bewahrt Aufbau und Bedeutung vollständig.
Gestaffelte Sequenzen
Elemente folgen einander mit bewusstem Timing statt zufälliger Verzögerung.
Gestaltungsprinzipien
Die Hauptfunktion ist auch ohne Erklärung erkennbar.
Jede Eingabe erzeugt direktes und angemessenes Feedback.
Mobile Ansicht, Tastatur und reduzierte Bewegung sind mitgedacht.
Was würde bewegung mit deiner Marke machen?
Setze dein Logo und deine Farben direkt in eine eigene Studie ein – oder sieh dir an, wie solche Prinzipien in realen Beispielseiten wirken.