[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"blog-de-motion-that-carries-meaning":3},{"id":4,"title":5,"body":6,"cover":54,"date":55,"description":56,"draft":57,"extension":58,"locale":59,"meta":60,"navigation":61,"path":62,"seo":63,"stem":64,"tags":65,"__hash__":69},"blog\u002Fblog\u002Fde\u002Fmotion-that-carries-meaning.md","Bewegung, die Bedeutung trägt",{"type":7,"value":8,"toc":48},"minimark",[9,13,18,21,24,30,34,37,45],[10,11,12],"p",{},"Es gibt zwei Arten von Animation im Web. Die eine will gesehen werden — sie hüpft, blinkt und schreit „schau mich an\". Die andere will verstanden werden. Sie erklärt, beruhigt und führt, ohne dass man sie als Effekt wahrnimmt. Ich interessiere mich fast ausschließlich für die zweite.",[14,15,17],"h2",{"id":16},"bewegung-ist-sprache","Bewegung ist Sprache",[10,19,20],{},"Wenn ein Menü aufklappt, sagt mir die Art, wie es sich öffnet, woher es kommt und wohin es gehört. Ein Element, das aus dem Button hervorwächst, in dem ich gerade geklickt habe, schafft eine räumliche Logik, die mein Gehirn sofort versteht. Bewegung kann Kausalität zeigen: Das hier führte zu jenem. Genau das ist gute Choreografie — nicht Dekoration, sondern Erklärung.",[10,22,23],{},"Das Geheimnis liegt im Easing. Lineare Bewegung gibt es in der echten Welt nicht; alles beschleunigt und bremst. Eine sanfte Ease-out-Kurve fühlt sich an wie etwas, das natürlich zur Ruhe kommt. Diese eine Kurve entscheidet darüber, ob eine Animation billig oder edel wirkt.",[25,26,27],"blockquote",{},[10,28,29],{},"Die beste Animation bemerkt niemand. Man fühlt nur, dass sich etwas richtig angefühlt hat.",[14,31,33],{"id":32},"zurückhaltung-als-stil","Zurückhaltung als Stil",[10,35,36],{},"Mehr Bewegung ist fast nie besser. Ich frage mich bei jeder Animation: Was tut sie für den Nutzer? Hilft sie, etwas zu verstehen? Überbrückt sie eine Wartezeit? Lenkt sie sanft den Blick? Wenn die Antwort „sie sieht cool aus\" lautet, fliegt sie meistens raus.",[10,38,39,40,44],{},"Praktisch heißt das: kurze Dauern, oft zwischen 200 und 400 Millisekunden. Gestaffeltes Timing, damit Listen wie ein geordneter Atemzug erscheinen statt wie ein Schwarm. Und immer ein ",[41,42,43],"code",{},"prefers-reduced-motion","-Pfad, denn Eleganz schließt Rücksicht ein.",[10,46,47],{},"Choreografie ist das Wort, das ich am liebsten benutze. Eine Seite ist eine kleine Bühne, und jedes Element hat einen Einsatz. Wenn alles im richtigen Moment erscheint, in der richtigen Reihenfolge, mit der richtigen Kurve, dann entsteht etwas, das sich lebendig anfühlt — ohne unruhig zu sein. Bewegung, die Bedeutung trägt, ist Bewegung, die dient.",{"title":49,"searchDepth":50,"depth":50,"links":51},"",2,[52,53],{"id":16,"depth":50,"text":17},{"id":32,"depth":50,"text":33},null,"2026-02-09","Animation mit Absicht — über Easing, Choreografie und Zurückhaltung, und wie Bewegung führt, statt abzulenken.",false,"md","de",{},true,"\u002Fblog\u002Fde\u002Fmotion-that-carries-meaning",{"title":5,"description":56},"blog\u002Fde\u002Fmotion-that-carries-meaning",[66,67,68],"Motion","UX","Design","Nb88pg8vrScOP8fsM9cu8fsFWe7nePS6uJ8MBo0hmV4",1781691286832]