界面微动效与过渡动画生成

解决什么问题

静态界面往往显得平淡。滚动切换没有过渡，按钮点击没有反馈，加载状态只是一个简单的 spinner。这些细节会悄悄拉低用户对产品质感的整体评价。在品牌标识、UI 组件和微交互层面加入精心设计的动效，是提升体验的关键一步，但手工调整关键帧和缓动曲线既耗时又容易显得生硬。

核心能力与工作方式

Magic Animator 的思路很直接：把动效生成变成一个对话式的创意过程。它主要提供两项能力：一是围绕品牌资产、界面元素和微交互预设了分类动效库（Logos、UI、Icons、Social Media），保证动效曲线符合对应场景；二是通过AI 动画助手接受自然语言描述，比如"让 logo 有高端品牌揭晓的质感"或"给按钮一个弹性跳动的反馈"。

典型执行流程：

• 选择素材：指定需要动起来的静态元素，支持 SVG、PNG 或 Figma 图层。
• 匹配预设：按场景选分类，让动效节奏先对上上下文。
• 生成动效：用聊天式提示词描述想要的质感，AI 助手输出对应的动画。
• 关键帧微调：在可用的情况下编辑关键帧，打磨缓动曲线，让过渡更自然、更高级。
• 导出集成：优先导出 Lottie (JSON) 用于 Web 和移动端，或导出 GIF/MP4 用于社交平台。

适用边界与注意点

• 只用于明确属于上述范围的任务，不要拿它做超出动效范畴的事情。
• 它输出的是动画文件，不能替代在真实环境中的验证、测试或专业评审。
• 如果输入素材、权限边界或成功标准不明确，应停下来先确认，而不是盲目生成。

动效的价值在于克制与目的性，让每一次过渡和反馈都为体验服务，而不是单纯堆砌视觉花样。