动效原理 · 做动效的门道
跟随与余势Follow-through
- 自然
- 有重量
- 松弛
主体停下来之后,附属的部分还继续动一小会儿才停,让整体显得有重量。
什么时候用它
有主从关系的元素(卡片和内部图标、人物和配饰)一起移动时用它;彼此独立的元素不需要跟随。
参数
main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%
配方
跟随与余势 → 240ms ease-out跟随与余势 → main element 240ms ease-out · trailing delayed 60ms · 260ms · overshoot 10%
给 AI 的一句话
给这个卡片加跟随余势:主体 240ms ease-out 到位后,内部图标再延迟 60ms、用 260ms 过冲 10% 再回位。