Apple-Bewegung
Die HIG behandelt Bewegung als Prinzip und hört dort auf. Ihre Seite „Bewegung“ hat 92 Zeilen dazu, ob animiert werden soll – absichtsvoll, optional, der Geste folgend – und keinen einzigen Federparameter. Alles darüber, wie die Bewegung tatsächlich gebaut wird, liegt außerhalb, weshalb dies hier existiert.
| Datei | Was darin steht |
|---|---|
references/motion-animation.md | Das Feder-Vokabular, Dauern, Übergangstypen, Unterbrechbarkeit. |
references/microinteractions-feedback.md | Druckzustände, Laden, Erfolgs- und Fehlerfeedback, haptische Kopplung. |
references/gestures-interaction.md | Wischen, Ziehen, Kneifen, Kantengesten und wie Bewegung diese verfolgen sollte. |
Woher was kommt
Es lohnt sich, klar zu sein, denn die drei Quellen haben einen sehr unterschiedlichen Status und ihre Vermischung macht Bewegungsratschläge zur Folklore:
- Prinzipien →
hig-guide. „Füge Bewegung absichtsvoll hinzu.“ „Mache Bewegung optional.“ „Strebe nach realistischer Rückmeldungsbewegung, die den Gesten und Erwartungen der Menschen folgt.“ Dies sind Apples eigene Worte, in Bewegung. Zitieren Sie diese, nicht die Paraphrasen hier. - Federnamen und ihr Verhalten → SwiftUIs API.
.smooth,.snappy,.bouncysind echte APIs mit echten Standardwerten. Die Bounce-Prozentsätze inmotion-animation.mdsind Charakterisierungen davon, keine veröffentlichten Konstanten – behandeln Sie sie als Ausgangspunkt, den Sie justieren, und zitieren Sie sie nicht als Apples Spezifikation. - Alles andere → Beobachtung. Diese Referenzen sind aus der
MIT-lizenzierten Sammlung „apple-design-skills“ übernommen (Hinweis in
LICENSE.txt) und dort mit[observed]markiert, wo der Autor das Verhalten aus ausgelieferten Apps abgeleitet hat. Nützlich, nicht autoritativ.
Nichts hier ist so gemessen wie die Werte von ui-kit-for-apple-platforms. Diese
Unterscheidung ist der Punkt: Bewegung ist der Teil dieses Repos mit der geringsten
Grundwahrheit dahinter.
Auswahl einer Feder
Die eine Entscheidung, die den Großteil des Gefühls ausmacht:
| Feder | Bounce | Verwendung für |
|---|---|---|
.smooth | kein | Sheets, Modals, Hintergrundübergänge – alles, das sich beruhigen sollte, ohne Aufmerksamkeit zu erregen |
.snappy | leicht | Tastendrücke, Umschalter, Auswahl – die Standardeinstellung für direkte Manipulation |
.bouncy | merklich | Icon-Drucke, eingehende Benachrichtigungen, Momente, die sich belohnend anfühlen sollen |
Bounce ist das gesamte Signal. Ein Sheet, das hüpft, wirkt spielzeugartig; ein Tastendruck, der nicht hüpft, wirkt tot. Diese eine Wahl richtig zu treffen, bewirkt mehr als das Einstellen von Dauern.
Was Apple-Bewegung von gewöhnlicher Bewegung unterscheidet
- Unterbrechbar. Eine Geste muss eine Animation mitten im Flug umkehren oder umleiten können, anstatt sich dahinter anzustellen. Alles, das beendet wird, bevor es antwortet, fühlt sich träge an, egal wie schnell es ist.
- Verfolgt den Finger, dann übernimmt sie. Während eines Ziehens folgt die Oberfläche 1:1 der Geste; die Feder übernimmt erst beim Loslassen und übernimmt die Geschwindigkeit, die die Geste hatte. Dies ist die HIG-Aussage „realistische Rückmeldungsbewegung, die den Gesten und Erwartungen der Menschen folgt“ konkret umgesetzt.
- Dauer ist eine Konsequenz, keine Eingabe. Federn werden durch Physik spezifiziert und beruhigen sich, wenn sie sich beruhigen. Nach einer festen 300 ms zu greifen, bedeutet meist, nach dem falschen Werkzeug zu greifen.
- Position und Deckkraft, nicht Größe und Farbe. Bewegung und Verblassen wirken physisch; Skalieren und Umfärben wirken wie Effekte.
„Reduce Motion“ ist nicht optional
hig-guide sagt es klar – „Mache Bewegung optional.“ Im Web ist das
prefers-reduced-motion, und es bedeutet, die Bewegung zu ersetzen, nicht nur zu
verkürzen: Überblendung statt Schieben, Schnitt statt Animieren. ios-components.css
von ui-kit-for-apple-platforms schützt bereits seine eigenen Übergänge auf diese
Weise; gleichen Sie es ab.
Grenzen
- Werte – Farbe, Typografie, Steuerungsgeometrie, Materialien – gehören zu ui-kit-for-apple-platforms, gemessen an Apples UI-Kit. Wiederholen Sie sie nicht hier; ein Hex-Code in einer Bewegungsdatei ist ein Hex-Code, der irgendwo veraltet, wo niemand hinschaut.
- Regeln dazu, ob etwas animieren soll, welche Präsentation verwendet werden soll, wie Layouts sich anpassen – hig-guide, mit den tatsächlichen Zitaten.
- Diese Skill behandelt, wie die Bewegung selbst gebaut wird.