以 skill 自身的术语
一份面向设计师和开发者、仅关注原则的动效设计参考，用于为界面制作动画。它从三大支柱——情感意图、视觉叙事与动效工艺——出发，再通过四种动效性格之一（活泼、精致、正式、动感）逐步收窄每个决策，每种性格都有固定的时长区间、缓动曲线和过冲比例。
实操配方涵盖按钮按压、卡片进场、成功与错误抖动，并配有按元素类型划分的时长表、方向性缓动规则、编排与错峰节奏预算、情感到动效的映射表以及权重分级。这些指导以数字、默认值和约束的形式表达，可套用于你已经在使用的任何动画系统。
它产出什么
- 需要定义的三个品牌动效常量：标志性缓动、时长调色板与进场模式
- 借鉴平台标准的现成 cubic-bezier 规格
- 带每步时长的多步骤模式配方，例如按钮按压的跟随动作
工作方式
- 01先确定三大支柱
在选定任何时长或曲线之前，先明确情感意图、视觉微叙事，以及让动效显得可信的工艺细节。
- 02锁定一种性格原型
选择一种原型——活泼、精致、正式或动感——并在整个项目中保持一致，因为每种原型都有各自的时长区间、缓动曲线和过冲值。
- 03使用能奏效的最少属性
属性表将每个效果目标与一个主属性及可选的次属性配对：一个属性显得直接，两个显得精致，三个或更多则容易让观众不堪重负。
- 04按距离缩放时长
从该元素类型的基础时长出发，再按移动距离拉伸：100px 为基准，200px 变为 1.3 倍，400px 变为 1.6 倍。
- 05按方向选择缓动
进场动效使用 ease-out 族曲线做减速处理，让动效先快速启动，再轻柔落定。