Micro-Animationen, die sich gut anfühlen
Ruhige Bewegung an Knöpfen, Karten und beim Scrollen, ohne dass der Inhalt davon abhängt.
- Art
- Website
- Erprobt mit
- Claude Code (GSAP oder CSS)
- Stand
Prompt
Gib [Website] Micro-Animationen, wie sie ein Motion Designer setzen würde. Nicht mehr Bewegung, sondern bessere. - Knöpfe: kurzer Druck beim Antippen, Pfeil rückt beim Überfahren ein Stück. - Erfolgsmomente (Formular gesendet, kopiert): ein kleines befriedigendes Feedback, z. B. ein Haken, der sich zeichnet. - Beim Scrollen: Abschnitte gleiten einmal leicht herein, Bilder ohne Zoom-Spielerei. - Rechner: gern etwas mehr Scroll-Bewegung. Handy: nur Rückmeldungen, nichts, was das Laden verzögert. Regeln: weiche Kurven ohne Überschwingen, 150 bis 600 ms, nie Inhalt verstecken, bis JavaScript läuft, „Bewegung reduzieren“ respektieren, keine Layout-Sprünge. Messe danach am Handy die Ladezeit; wird sie schlechter, nimm zurück.
