《移动UI设计项目教程》课件——17.学习单元3-平安好医生动态设计全流程.pptxVIP

让图标动起来：平安好医生动态设计全流程

目录CONTENTS01项目启动与素材准备02锅图标动画03餐盘图标动画04输出与落地05经验复用

01项目启动与素材准备

动态图标设计项目启动与素材准备为提示性图标赋予动效，旨在提升健康场景情绪、强化品牌温度。从AE导入开始，奠定技术基础。导入标准流程将源文件放入AE，设定为“可编辑的图层样式”，双击确保分层完整，为后续动画奠定可拆可合的技术基础。保留分层的重要性避免因合并导致关键元素无法单独控制，确保锅、餐盖等部件能独立动画，实现精细化设计。

02锅图标动画

锅盖动画：旋转轴心的关键设定为了模拟“锅烧开水”时锅盖被蒸汽顶起的自然效果，首要步骤是将锅盖图层的旋转中心点移至右下角。这模拟了蒸汽的推力点，是实现杠杆动画的基础。核心原则：先定支点，再谈动作合理的轴心设置能确保后续动画的自然感与可信度，是动效设计的核心逻辑。2

锅盖动画：关键帧序列与缓动优化第5帧开始第15帧19°弹起第20帧归位1秒03帧11°回弹1秒06帧完全静止柔缓曲线：赋予动画灵魂将所有关键帧设置为“柔缓曲线”，将机械运动转化为富有弹性的自然效果，模拟蒸汽轻柔顶起锅盖的物理特性，完成从“危险”到“放心”的情绪过渡。

03餐盘图标动画

餐盖动画：摇摆轴心的设定为实现“餐盖被热气顶得左右轻颤”的趣味效果，需将旋转中心移至正上方。这形成了揭盖瞬间的摇摆支点，为后续