编排与节奏 · 谁先动、谁后动
时长与延迟Duration & Delay
- 基础
- 可调
- 定节奏
时长决定动作多快，延迟决定它什么时候开始，这两个值共同决定界面的节奏。
什么时候用它
每次做动效都先定这两个值：小元素 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。