动效原理 · 做动效的门道
预备动作Anticipation
- 有预期
- 蓄力
- 讲究
在往一个方向去之前，先朝反方向轻轻动一下，像起跳前先下蹲，让动作更有力气。
什么时候用它
幅度较大的位移、或需要强调的动作可以用；日常小交互加预备反而会拖慢节奏。
参数
wind-up 4px · 60ms ease-in · then forward 240ms ease-out
配方
预备动作 → 60ms ease-in预备动作 → wind-up 4px · then forward 240ms ease-out
给 AI 的一句话
给这个弹出面板加预备动作：先向左 4px、60ms ease-in，再向右走到目标位置、240ms ease-out。