什么是运动令牌以及它们在设计系统中如何工作？

设计系统已经使用颜色、间距和版式的标记。运动令牌将相同的想法应用于动画。他们将诸如“小元素快速移动并缓慢稳定”之类的决策转变为每个设计师和开发人员都使用的命名值。

典型的集合包括持续时间（短、中、长）、缓动曲线（标准、进入、退出）以及越来越多由刚度、阻尼和质量定义的弹簧。 Spring 很受欢迎，因为它们感觉很自然并且可以很好地处理代码中的中断。

命名很重要。基于用途的名称（例如motion.enter 或motion.emphasis）比原始数字更容易正确应用。保持集合较小。如果每个组件都有自己的曲线，则令牌将停止执行其工作。

可访问性也属于代币。定义当用户打开减少运动时会发生什么，例如较短的淡入淡出而不是较大的运动，因此每个组件都以相同的方式处理它。

令牌通常存储在 JSON 中，并通过令牌构建工具转换为 CSS 变量、Swift、Kotlin 或 JavaScript。我们的免费 Motion Token Generator 可生成您可以适应的入门套件。