跳到正文
UIGrammer
EN 中文

术语表 · 31

缓动曲线

缓动曲线决定 UI 动画如何加速与收尾——进场用 ease-out,绝不用 ease-in。

缓动曲线就是动画里时间的形状。进场与退场元素用 ease-out 或强自定义曲线,让动作在眼睛最在意的一刻落地。在 UI 元素上用 ease-in 是错误做法:它把用户等待的那一刻推迟了。CSS 内置的 linear 与默认 ease 对界面来说太弱——改用自定义 cubic-bezier。起步快、收尾慢的曲线读起来是「灵敏」;起步慢的读起来是「卡顿」。