Motion Design

动效设计

English translation in progress — Chinese original below.

动效不是装饰,是解释:「东西从哪来、到哪去、为什么变」。好的动效让转场可追踪、状态可感知;坏的动效只剩等待和晕眩。时长与缓动曲线,就是动效的标点符号。

核心问题:这个动画在替用户解释什么?删掉它,理解会变差吗?

地基概念

  • 缓动:ease-out 进场、ease-in 离场
  • 时长:微交互 100–200ms
  • 编排:同动、错峰与共享元素
  • 尊重「减少动态效果」设置