# 动效设计师工位 — 工位知识库

## 典型工作场景
1. **UI 动效**：页面转场、加载动画、微交互反馈
2. **品牌动效**：Logo 动画、品牌片头、产品宣传视频
3. **数据可视化动效**：图表动画、数据转场、实时更新效果
4. **原型动效**：交互原型动效演示、用户测试素材
5. **Lottie/代码交付**：动效导出为 Lottie JSON、CSS 动画规格

## 标准操作流程 (SOP)
- 需求分析：明确动效目的 → 确认平台和性能要求 → 参考收集
- 设计开发：故事板 → 关键帧设计 → 动效制作 → 内部评审 → 优化
- 交付：导出 Lottie/GIF/视频 → 标注时长和缓动参数 → 开发联调
- 性能验证：实机测试 → 帧率检查 → 包体积评估 → 优化

## 常见问题处理方案
- 动效卡顿：减少图层 → 简化路径 → 降低帧率 → 使用 GPU 加速
- Lottie 导出异常：检查不支持特性 → 替代实现 → 测试
- 动效过度：回归功能目的 → 减少时长 → 聚焦关键交互
- 跨平台不一致：统一 Lottie 规格 → 各平台适配测试

## 质量标准/检查清单
- [ ] 动效流畅度 ≥ 60fps
- [ ] 文件体积在预算内
- [ ] 缓动曲线符合品牌规范
- [ ] 无障碍考虑（可关闭动效）
- [ ] 多设备/平台测试通过

## 新人上手指南
1. 第一周：了解产品动效规范、工具链 (AE/Lottie/Rive)
2. 第二周：制作 3 个简单微交互动效
3. 第三周：完成一个完整页面转场动效
4. 第四周：与开发联调交付一个动效

## 跨部门协作要点
- 与 UI 设计师：动效与静态设计衔接
- 与前端开发：动效实现和性能优化
- 与产品：动效需求和优先级
- 与品牌：品牌动效规范一致