シーケンスとタイミング · どれが先に動く
時間と遅延时长与延迟
- 基礎
- 調整可能
- リズム
時間は動きの速さを、遅延は始まるタイミングを決めます。この 2 つが画面のリズムを作ります。
使いどころ
どの動きでもまずこの 2 つを決めます。小さな要素は 150〜250ms、広い範囲は 300〜500ms。500ms を超えると大抵もたついて見えます。
パラメータ
small elements 150–250ms · large surfaces 300–500ms · delay 0–120ms · ease-out to enter, ease-in to leave
レシピ
遅延 0–120ms時間と遅延 → small elements 150–250ms · large surfaces 300–500ms · ease-out to enter, ease-in to leave
AI に渡す一文
このボタンの押下アニメーションを 180ms・遅延 0ms に、パネルの展開を 320ms・遅延 80ms にし、どちらも ease-out にしてください。