动效设计师

定位方向（UI 交互动效/MG 动画/品牌包装/三维），代表作讲三层：目标层（这个动效解决什么——引导注意、解释空间关系、塑造品牌感知、情绪渲染）、设计层（节奏与曲线的设计——缓入缓出的具体选择、关键帧的节奏安排、为什么这个时长（用户感知阈值）、元素间的编排次序 stagger）、执行层（工具链：AE/C4D/Lottie、工程化交付——帧率、导出格式、开发还原）。有 UI 动效经验的要讲与开发的协作（lottie 导出、参数文档）。作品要能逐帧讲出「为什么」——动效岗的专业度全在时间轴的细节里。

动效的四个功能价值：①空间导航（转场动效交代页面层级关系——从哪来回到哪去，滑动方向编码空间记忆）；②状态反馈（微交互确认操作被感知——按钮按下、加载的进度感）；③注意力引导（新元素的入场指向焦点）；④品牌性格（loading 动画、彩蛋——情绪价值与记忆点）。不该用的场景：阻碍效率（用户高频操作的路径上加不可跳过的动效——每次多 300ms 的高频操作是灾难）、装饰性炫技（无信息功能的花哨转场——第一眼新鲜第三眼烦）、性能与可达性代价（低端机掉帧、前庭障碍用户的晕动症——尊重系统减弱动效设置是底线）。判断准则：动效是信息设计的一部分，每个动效要回答「它帮用户理解了什么」。

理解本质：曲线描述的是速度随时间的变化=力与质量的感觉——linear 无生命（机器感，只适合进度条类匀速语义）、ease-in 加速离场（元素「离开」——退出屏幕，速度感积累后飞出）、ease-out 减速入场（元素「到达」——进入视野时快速出现然后安稳停住，让用户看清最终状态）、ease-in-out 两端缓（位移幅度大时的中间快两头稳）、spring/回弹（物理感——拖拽释放、开关切换，overshoot 的幅度要克制）。场景运用：按钮 hover（快速 ease-out 100-200ms——即时性）、模态弹出（scale+opacity 的 ease-out 250ms 左右）、页面转场（300-400ms ease-in-out 或遵循平台规范）、列表 stagger（每项延迟 20-50ms 制造瀑布感）。加分：谈曲线的「品牌调性」——金融产品的克制线性 vs 娱乐产品的弹性夸张。

还原问题：交付物工程化——Lottie 导出的注意事项（效果器支持范围、蒙版与表达式兼容性、文件体积优化——删隐藏图层）、动效标注文档（时长、曲线值、延迟、参数表——用工具直接导出 CSS/JSON 而非口述）、关键动效的验收走查流程。性能意识（设计时就懂边界）：属性选择（transform/opacity 走合成器不触发重排——left/top 动画是性能杀手）、层爆炸的克制（will-change 滥用的代价）、位图与矢量的平衡（复杂粒子预渲染成序列帧）、帧率目标（60fps 的预算意识——低端机降级方案）。协作姿态：方案期就拉开发评估（动效评审），提供降级梯度（完整版→简化版→静态版），用真机验证而非只看设计稿。

动效规范=把品牌性格翻译成时间维度的规则。体系：①原则层——品牌关键词的动效转译（「可靠」→克制无回弹、稳定缓动、适中速度；「活力」→弹性 overshoot、明快节奏），定义 2-3 条动效原则（如「一切运动皆有来处」「反馈不过夜」）；②参数层——标准时长体系（微交互 150ms/转场 300ms/复杂叙事 500ms 的阶梯）、缓动库（品牌专用曲线 2-4 条——命名的 token 化管理）、编排规则（stagger 间隔、父子元素关系）；③组件层——核心组件的标准动效（按钮、卡片、模态、加载）、图标动效规范；④应用层——logo 动效、loading 品牌 moment、页面转场模板。交付：与前端共建（设计 token 直连 CSS 变量/JSON）、示例代码与 do/don't 对照。展示「动效是品牌资产的时间维度」的认知。