F7.03.1Linear easing设计研究

匀速运动显得机械且不自然

别名: 线性插值 · 匀速缓动 · 机械运动

概念解释

线性插值让位置对时间的导数保持常数。真实物体几乎从不这样走:启动要克服惯性,停止要卸掉动量。匀速在屏幕上的后果是起停两端速度突变,看起来像被绳子拽着平移。线性缓动(linear easing)不是中性默认,它是一条在端点制造加速度不连续的曲线。

机制

人对生物性和机械性运动很敏感。恒定速度加上端点的瞬时起步/刹停,会在加速度曲线上留下冲击(jerk 很大)。视觉系统把这种速度剖面读成「被外力拖拽」,而不是物体自己到达。表征性动量也在起作用:观察移动物体后,人预期它会逐渐停下;匀速突然归零,预期被切断,停靠显得生硬。

线性在循环旋转或进度条里有时成立,因为那些运动本来就被理解为恒定过程,没有「到达一个静止姿态」的问题。一旦对象要在终点休息,匀速的端点冲击就会暴露。

怎么研究

把同一位移做成线性与减速到达两条曲线,做自然度评分和「像被拉动 / 像自己停下」的迫选。可记录到达后是否出现回看或二次定位——生硬刹车常诱发一次校正性注视。自变量:曲线族、位移距离、对象是否被理解为有质量。因变量:自然度、迫选、到达后的校正注视。

不要用「是否有动画」当指标,两条曲线时长可以完全相同。

边界

  • 进度指示、无限旋转、时间轴刮动常需要匀速,因为速度本身在编码「稳定进展」或「与手指绑定」。
  • 非常短的时长里,曲线差异来不及被采样,线性与缓出会分不清。
  • 刻意的机械美学(工业风、游戏里的传送带)可以保留匀速,那是语义选择,不是没调曲线。

怎么落地

  • 对象需要在终点休息时,用减速到达,避免端点速度从巡航值掉到零。
  • 线性留给真正恒定的过程,不要当全局默认插值。
  • 验证:把过渡录成位置–时间图。若端点附近斜率不下降,而对象语义是「停住」,这条就是匀速在打架。

延伸

  • 同组F7.03.2 入场宜快出慢,出场宜慢入快 · F7.03.3 弹性曲线不适合频繁触发的动效
  • 相邻A1.14 运动知觉 · F7.02 动效时长
  • 站内检索linear easing · representational momentum · jerk

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F7.03.1