← 返回全部术语
动画节奏与物理 / TERM 078

缓动曲线Easing

起步、加速、停下都要有节奏。

078
LIVE PREVIEW
STARTFINISH
✦   MOTIONLEX

01 这个效果是什么

同样的距离和时长,用不同速度曲线会产生完全不同的手感。

02 可以这样告诉 AI

调整导航抽屉的进入和退出节奏:进入时快速启动并柔和减速,退出时稍快;保留原来的位置与时长范围,不使用线性匀速。只动画 transform 与 opacity,避免宽度动画带来布局重排。

03 做好后看什么

  • 开始和结束都没有生硬停顿
  • 打开关闭节奏一致
  • 低性能设备上没有明显掉帧