🎨 动效设计全流程解析

📘 30章 · 从入门到实战
01 动效设计概述
  • 什么是UI动效
  • 动效的价值与意义
  • 动效设计发展趋势
02动效设计原则
  • 缓动与曲线
  • 时间与节奏
  • 层次与空间
  • 引导与反馈
03动效设计工具
  • After Effects基础
  • Principle基础
  • Figma原型动效
  • Lottie与SVG动画
04动效落地流程
  • 从设计稿到开发交付
  • 动效标注规范
  • 动效性能优化
05Web动效实战
  • CSS过渡与动画
  • JavaScript动画库(GSAP)
  • Canvas与SVG动效
06移动端动效实战
  • iOS UIKit动画
  • Android属性动画
  • Flutter隐式动画
07动效设计系统
  • 建立动效规范
  • 动效组件库
  • 动效与品牌一致性
08动效测试与迭代
  • 用户测试方法
  • 动效性能监控
  • A/B测试与数据驱动
09动效设计趋势
  • 微交互
  • 3D动效
  • 手势动效
  • AI生成动效
10综合案例：电商App动效
  • 电商App动效设计全流程解析
11动效心理学
  • 认知负荷与动效
  • 注意力引导
  • 情感化设计
12动效原型设计
  • 从草图到高保真原型
  • 动效交互原型工具对比
13动效与无障碍设计
  • 动效对特殊人群的影响
  • 可访问性动效设计
14动效性能优化
  • 帧率与流畅度
  • GPU加速
  • 动效性能分析工具
15动效设计协作
  • 设计师与开发者协作流程
  • 动效交付物规范
16动效设计案例研究
  • Instagram点赞动效
  • 苹果App Store卡片动效
17动效设计工具进阶
  • AE表达式入门
  • Lottie动画高级技巧
18动效设计模式
  • 加载动效
  • 空状态动效
  • 错误状态动效
19动效与品牌设计
  • 品牌动效语言
  • 动效在品牌识别中的应用
20动效设计伦理
  • 动效的过度使用
  • 用户控制权
  • 隐私与动效
21动效设计方法论
  • 设计冲刺中的动效
  • 敏捷开发中的动效迭代
22动效设计资源管理
  • 动效文件管理
  • 版本控制
  • 团队协作工具
23动效设计职业发展
  • 动效设计师技能树
  • 作品集打造
  • 行业趋势
24动效设计未来
  • AR/VR动效
  • 语音交互动效
  • 脑机接口动效
25实战：登录注册流程动效
  • 登录注册流程动效设计
26实战：商品详情页动效
  • 商品详情页动效设计
27实战：导航与菜单动效
  • 导航与菜单动效设计
28实战：表单与输入动效
  • 表单与输入动效设计
29实战：通知与提示动效
  • 通知与提示动效设计
30实战：游戏化动效设计
  • 游戏化动效设计
📚 💬 专注资料整理 ✨ 动效设计 · 全流程