SuperAPI AI 工具集

motion-design

设计与创作

查看项目

更新于 10-24 16:22

技能介绍

Motion Design Skill 是一个面向 UI 动画与动态设计的技能指南,旨在将运动设计原则系统化地应用于界面交互,确保动画既富有情感又技术合理。它包含以下核心内容:

用途:适用于创建 UI 动画(按钮、卡片、模态框、页面过渡)、设计微交互与反馈动画、构建加载/成功/错误状态、为插画或装饰元素添加动画、规划滚动触发或进度动画、建立品牌运动身份,以及编排多元素序列。

主要能力:

  • 提供 8 步检查清单,涵盖情感目标、运动人格、主属性、时长、缓动、主角元素、次要与环境层、1/3 规则。
  • 定义三大支柱:情感意图、视觉叙事、运动工艺,并强调三层运动(主、次、环境)。
  • 提供四种运动人格原型(Playful、Premium、Corporate、Energetic),包括时长、缓动、过冲和关键词。
  • 指导属性选择(位置、缩放、旋转、不透明度等)以匹配效果目标。
  • 提供时长表与缓动选择规则,包括方向性规则和行业标准曲线。
  • 给出常见动画模式(按钮按压、卡片入场、成功状态、错误抖动)的具体参数。
  • 阐述编排要点(协调入场、1/3 规则、交错预算)。
  • 提供情绪到运动的映射表与重量分类。
  • 列出关键质量规则与故障排除快速参考。

使用方式:资料未提供安装命令或具体操作步骤,暂未提供。

适用场景:UI/UX 设计师、前端开发者、动效设计师在创建界面动画、微交互、状态反馈、品牌运动系统时参考。

限制:资料未提及收费、价格、平台兼容性等限制信息,暂未提供。