After Effects UI交互动画设计电子书

内容提要

前言

第1章 UI交互动画设计基础

1.1 移动UI设计基础知识

1.1.1 UI设计的含义

1.1.2 UI设计的相关术语

1.1.3 移动UI设计的特点

1.2 交互设计

1.2.1 交互设计的含义

1.2.2 交互设计需要考虑的内容

1.2.3 交互设计需要遵循的习惯

1.2.4 交互设计的基本步骤

1.3 交互设计与用户体验

1.3.1 什么是用户体验

1.3.2 6种基础体验

1.3.3 交互设计的重要性

1.4 动态交互设计基础

1.4.1 动态交互效果

1.4.2 优秀的动态交互效果

1.4.3 基础动态交互效果的类型

1.4.4 缓动

1.4.5 属性变换

1.4.6 组合的动态交互效果

1.5 UI中的动态交互效果

1.5.1 动态交互效果的表现优势

1.5.2 动态交互效果在UI设计中的作用

1.5.3 如何实现简单的动态交互效果

1.6 动态交互效果在用户体验中的应用

1.6.1 为什么要添加动态交互效果

1.6.2 哪些地方适合添加动态交互效果

1.6.3 如何表现动态交互效果

1.7 本章小结

第2章 After Effects CC软件基础

2.1 After Effects基础知识

2.1.1 After Effects简介

2.1.2 After Effects的应用领域

2.2 After Effects工作界面

2.2.1 After Effects工作界面简介

2.2.2 切换工作界面

2.2.3 工具栏

2.2.4 After Effects中的工具面板

2.3 After Effects基本操作

2.3.1 创建项目文件

2.3.2 保存和关闭文件

2.3.3 导入素材

2.3.4 管理、操作素材

2.3.5 After Effects基本工作流程

2.4 After Effects图层

2.4.1 图层的类型

2.4.2 图层的基本属性设置

2.4.3 图层的混合模式

2.5 “时间轴”面板

2.5.1 “音频/视频”选项

2.5.2 “图层”选项

2.5.3 “图层开关”选项

2.5.4 “转换控制”选项

2.5.5 “父子链接”选项

2.5.6 “时间控制”选项

2.6 关键帧与图表编辑器

2.6.1 关键帧简介

2.6.2 关键帧的基本操作

2.6.3 图表编辑器

2.7 图层蒙版与形状路径

2.7.1 蒙版原理

2.7.2 创建蒙版

2.7.3 修改与设置蒙版

2.8 渲染输出

2.8.1 渲染工作区

2.8.2 渲染设置

2.8.3 渲染输出

2.8.4 配合Photoshop输出GIF文件

2.8.5 将动画嵌入手机模板

2.9 本章小结

第3章 UI元素交互动画设计

3.1 动态Logo设计

3.1.1 动态Logo的含义

3.1.2 动态Logo的适用范围

3.1.3 动态Logo的表现优势

3.1.4 设计动态Logo需要注意的问题

3.2 动态图标设计

3.2.1 图标的含义

3.2.2 图标设计的作用

3.2.3 动态图标的表现方法

3.3 动态按钮设计

3.3.1 按钮设计注意事项

3.3.2 开关按钮设计方法

3.4 进度条与工具栏动画设计

3.4.1 常见的进度条动画表现形式

3.4.2 工具栏动画设计

3.5 文字动画设计

3.5.1 文字动画效果的表现优势

3.5.2 文字动画的常见表现方法

3.6 本章小结

第4章 移动UI转场交互动画设计

4.1 如何设计出优秀的UI动态交互效果

4.1.1 明确系统状态

4.1.2 让按钮和操控拥有触感

4.1.3 有意义的转场动画

4.1.4 帮助用户开始

4.1.5 强调界面的变化

4.1.6 需要注意的细节

4.2 导航菜单切换动画

4.2.1 导航菜单的重要性

4.2.2 导航菜单的设计要点

4.2.3 侧边式导航的优势

4.3 4种主流的转场动画效果

4.3.1 弹出

4.3.2 侧滑

4.3.3 渐变放大

4.3.4 其他

4.4 转场动画设计规范

4.4.1 转场要自然

4.4.2 层次要分明

4.4.3 转场要相互关联

4.4.4 转场要快速过渡

4.4.5 动画效果要清晰

4.5 本章小结

第5章 移动UI界面交互动画设计

5.1 引导界面动画设计

5.1.1 引导界面简介

5.1.2 引导界面的3个基本功能

5.1.3 引导界面的设计要素

5.2 加载界面动画设计

5.2.1 加载动画简介

5.2.2 加载动画的常见表现形式

5.3 UI界面交互动画设计规范

5.3.1 UI界面动画设计要求

5.3.2 使用动画提升UI界面用户体验

5.4 动画设计的作用与常见效果

5.4.1 动画设计的作用

5.4.2 常见的UI界面交互动画效果

5.5 本章小结