Motion Design Skill 是一个面向 UI 动画与动态设计的技能指南,旨在将运动设计原则系统化地应用于界面交互,确保动画既富有情感又技术合理。它包含以下核心内容:
用途:适用于创建 UI 动画(按钮、卡片、模态框、页面过渡)、设计微交互与反馈动画、构建加载/成功/错误状态、为插画或装饰元素添加动画、规划滚动触发或进度动画、建立品牌运动身份,以及编排多元素序列。
主要能力:
- 提供 8 步检查清单,涵盖情感目标、运动人格、主属性、时长、缓动、主角元素、次要与环境层、1/3 规则。
- 定义三大支柱:情感意图、视觉叙事、运动工艺,并强调三层运动(主、次、环境)。
- 提供四种运动人格原型(Playful、Premium、Corporate、Energetic),包括时长、缓动、过冲和关键词。
- 指导属性选择(位置、缩放、旋转、不透明度等)以匹配效果目标。
- 提供时长表与缓动选择规则,包括方向性规则和行业标准曲线。
- 给出常见动画模式(按钮按压、卡片入场、成功状态、错误抖动)的具体参数。
- 阐述编排要点(协调入场、1/3 规则、交错预算)。
- 提供情绪到运动的映射表与重量分类。
- 列出关键质量规则与故障排除快速参考。
使用方式:资料未提供安装命令或具体操作步骤,暂未提供。
适用场景:UI/UX 设计师、前端开发者、动效设计师在创建界面动画、微交互、状态反馈、品牌运动系统时参考。
限制:资料未提及收费、价格、平台兼容性等限制信息,暂未提供。