用途:为 UI 动画与过渡提供系统化设计规范,覆盖按钮、卡片、弹窗、页面转场、微交互、加载/成功/错误状态、插画动效、滚动触发或进度动画,以及多元素序列编排和品牌动效识别。
主要能力:以情感意图、视觉叙事、动效工艺三支柱为决策基础,要求每段动画包含主层、次层与环境层;提供四种动效人格(Playful、Premium、Corporate、Energetic)及其时长、缓动、过冲参数;给出属性选择表(位置、缩放、旋转、透明度等对应不同效果目标);提供时长表、缓动选择规则(入场减速、出场加速)和 Material、Apple HIG 等标准贝塞尔曲线;归纳常见模式,如按钮按压、卡片入场、成功状态、错误抖动;并给出编排要点、1/3 规则、错峰预算、情绪到动效映射、重量分级与质量规则。
使用方式:技能正文按“何时应用—决策树—8 步检查表—三支柱—动效人格—属性选择—时长—缓动—常见模式—编排—情绪映射—重量—质量规则—故障排查”组织,并引用 director/、reference/、patterns/ 下的细分文件。资料未提供安装命令或具体调用代码,仅可作为设计规范直接参照。
适用场景:面向 UI 动效设计、前端交互动画、品牌动效规范制定与多元素场景编排。
限制:文中多为设计指导与参数建议,未提供具体平台实现代码、工具配置、收费、价格或效果保证;缺失事实暂未提供。