动画设计与动效设计的区别

    动效设计的组成:动态图片、传递信息、烘托氛围

    作用:产品展示、品牌设计、交互展示

    为什么要使用动效:流畅过渡、高效反馈、增强操纵、帮助引导、升华体验

    动效设计的雷区:复杂繁琐(使用频率过高的功能避免使用复杂的动效)、开发成本(开发成本过高,严重到影响项目周期)、设备性能

    动效设计流程:

    1. 静帧素材制作
    2. 选择工具
      1. ps时间轴、ae视频处理、c4d建模渲染、quartz composer demo制作(可导出代码)
      2. AE 标准工作区域:媒体池、预览窗口、时间轴、图层区域、控件区域
    3. 精简图层
      1. 梳理素材源文件中的图层,对元素进行提炼,合并同类项
    4. 导入素材文档
    5. 打入关键帧
      1. 素材在一定的时间内,属性(例如颜色、位置、大小等数据)产生变化,在每个变化的两端点即为关键帧的位置
      2. 打完关键帧的位置后,调整两个端点的素材元素的属性
    6. 调整运动曲线
      1. 引入物理世界的规则,能够让动效更加真实可信
      2. 不一定要完全遵循物理规则,可以根据实际需要对运动曲线进行调整,让动效看起来更加流畅
    7. 引入父子级概念
      1. 对于属性变化相同的元素,引入父子级可以降低时间成本,子级的变化与父级相同,一对多关系