01 功能说明
一份针对单项动效的设计指南，涵盖缓动、时长、编排、中断和减少动态效果。
Animation Principles 是一份专注于单个界面动作的动效设计指南。它将缓动方向、时长、分阶段呈现和后续动作与用户应当注意的内容联系起来。进入、退出、强调、加载处理或过渡各有不同作用。
来源中包含时长范围和错峰建议，但这些只是起点，并非针对每种界面的实测要求。它还要求行为可中断、支持减少动态效果，并在性能较低的设备上进行检查。产品级动效令牌属于另一项任务。
预期交付成果
确定动画传达的内容，以及哪个元素应最先吸引注意。
根据进入、退出、强调或过渡选择合适的缓动曲线和时长。
检查动画中途取消、减少动态效果时的行为，以及在目标设备上的感知响应速度。
02 适用场景
提供界面变化前后的状态、触发方式和目标设备。使用可运行的预览检查时序、中断和减少动态效果时的行为。
03 关键决策
动效应根据其所传达的状态变化来评判。
过渡必须能够在完成前承受用户的另一次操作。
04 示例任务
以下示例简述尚未经过测试。使用前请检查该技能的设置说明。
将此任务的 SKILL.md 从 designer-skills 仓库加载到代理支持的技能位置。入口文件未规定通用的安装命令。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/animation-principles/SKILL.md提供界面变化前后的状态、触发方式和目标设备。使用可运行的预览检查时序、中断和减少动态效果时的行为。
运行该技能前，请调整此简述中的范围、源材料和限制条件。
使用 animation-principles 调整此筛选面板的进入动效。解释缓动和时长，协调面板与内容，并定义面板在进入中途关闭时的行为。请提供一种减少动态效果的替代方案，并避免添加装饰性循环动画。根据以下可观察的标准检查实际输出。
OpenDesign 为编程代理提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页介绍下方链接所指向的固定来源修订版。上游行为和要求可能发生变化。
9a6930cf84a8一份针对单项动效的设计指南，涵盖缓动、时长、编排、中断和减少动态效果。
由 OpenDesign 根据链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/animation-principles/SKILL.md