动画设计与动效设计的区别
动效设计的组成:动态图片、传递信息、烘托氛围
作用:产品展示、品牌设计、交互展示
为什么要使用动效:流畅过渡、高效反馈、增强操纵、帮助引导、升华体验
动效设计的雷区:复杂繁琐(使用频率过高的功能避免使用复杂的动效)、开发成本(开发成本过高,严重到影响项目周期)、设备性能
动效设计流程:
- 静帧素材制作
- 选择工具
- ps时间轴、ae视频处理、c4d建模渲染、quartz composer demo制作(可导出代码)
- AE 标准工作区域:媒体池、预览窗口、时间轴、图层区域、控件区域
- 精简图层
- 梳理素材源文件中的图层,对元素进行提炼,合并同类项
- 导入素材文档
- 打入关键帧
- 素材在一定的时间内,属性(例如颜色、位置、大小等数据)产生变化,在每个变化的两端点即为关键帧的位置
- 打完关键帧的位置后,调整两个端点的素材元素的属性
- 调整运动曲线
- 引入物理世界的规则,能够让动效更加真实可信
- 不一定要完全遵循物理规则,可以根据实际需要对运动曲线进行调整,让动效看起来更加流畅
- 引入父子级概念
- 对于属性变化相同的元素,引入父子级可以降低时间成本,子级的变化与父级相同,一对多关系