做动效After Effects跨平台UI动效设计教程

7.3.9 添加数据辅助说明

7.3.8 创建镜头运动动画

7.3.7 为轨迹路线添加发光等更丰富的视觉效果

7.3.6 为轨迹光线添加类似于虚线的断点分段效果

7.3.5 为粒子束轨迹光线创建结束时的关键帧

7.3.4 添加轨迹光线在穿梭过程中颜色变化的动效

7.3.3 添加轨迹光线在穿梭过程中粗细变化的动效

7.3.2 创建模拟用户跑步路线的发光轨迹动效

7.3.1 创建3D地图

7.3 案例：智能手表运动健身类App的立体地图数据可视化动效

7.2.2 智能手表交互中的数据可视化动效

7.2.1 智能手表交互中的转场动效

7.2 转场动效与数据可视化动效在智能手表交互中的应用

7.1.2 数据可视化动效概述

7.1.1 “视觉连贯”转场动效概述

7.1 “视觉连贯”转场动效与数据可视化动效概述

第7章 小空间，大天地：转场动效与数据可视化动效在智能手表中的应用

6.3.11 制作辅助说明文字呈粒子化消散的动效

6.3.10 将制作完成的粒子动画合成导入主场景合成

6.3.9 为粒子起始发射添加上升运动趋势

6.3.8 添加发光效果

6.3.7 复制辅助说明文字图层，创建粒子到文字的过渡动画

6.3.6 制作Particular效果的粒子发射关键帧动画

6.3.5 用多张图片替换作为随机多样化的粒子样式

6.3.4 添加图片素材，作为发射器形状

6.3.3 新建合成用于粒子动效

6.3.2 制作第一组Hover（悬停）动效

6.3.1 打开初始工程文件，完成前期准备工作

6.3 案例：做一组粒子聚散效果的Hover（悬停）动效

6.2.2 Hover（悬停）动效在VR/AR交互中的回归

6.2.1 Hover（悬停）动效的几大交互应用场景

6.2 Hover（悬停）动效在Web端UI设计中的应用

6.1 Hover（悬停）动效概述

第6章 悬停的舞蹈：Hover（悬停）动效在Web端UI设计中的应用

5.3.10 增加细节

5.3.9 增加摄像机运动动画

5.3.8 创建光缆生长逐个点亮LED屏幕的动画

5.3.7 模拟低分辨率LED屏幕的颗粒效果

5.3.6 为5个LED屏幕盒子创建反射

5.3.5 添加Particular效果

5.3.4 为5个LED屏幕盒子分配独立的屏幕内容

5.3.3 制作LED灯箱

5.3.2 添加3D标题

5.3.1 搭建基本框架

5.3 案例：巧用3D图层做LED灯箱

5.2.3 行业案例：“视族”AR智能眼镜的桌面动态图标设计

5.2.2 新形态UI：悬浮在现实空间中的立体界面

5.2.1 浅谈AR眼镜的交互体系

5.2 3D动效在AR UI设计中的应用

5.1.2 “轻3D”与“2.5D”——扁平化风格下的3D动效创新

5.1.1 拟物化视觉风格时代的3D动效

5.1 3D动效设计概述

第5章 突破二维空间——3D动效在ARUI设计中的应用

4.4.2 案例：使用Particular效果制作下雨与雨花溅起动效

4.4.1 案例：使用Particular效果制作下雪与雪花堆积动效

4.4 智能汽车创意UI动效实战

4.3.2 浅谈HUD与动效设计

4.3.1 HUD与智能汽车

4.3 畅想：HUD是否是车机最理想的模式

4.2.2 动效——理想的实时动态信息传递方式

4.2.1 智能汽车的感知体系

4.2 智能汽车的感知体系与车机动效设计

4.1.2 智能汽车的用户体验与UI设计

4.1.1 智能汽车：新的浪潮之巅

4.1 智能感知与智能汽车用户体验

第4章 智能感知动效在智能汽车UI设计中的应用

3.3.3 依次错落进场的组合动效

3.3.2 压缩-3D翻转回弹动效

3.3.1 惯性往复动效

3.3 案例：动画曲线精进

3.2.2 EMUI 3.0动效设计规范

3.2.1 点线之美：EMUI 3.0的动效设计DNA

3.2 动效设计规范在华为智能手机EMUI 3.0设计中的应用

3.1.3 划分动效设计的颗粒度

3.1.2 划分系统层级

3.1.1 定义设计DNA

3.1 动效设计规范概述

第3章 统一的韵律：智能手机系统的动效设计规范

2.3.3 响应不同输入手段的反馈动效类型

2.3.2 根据交互功能与场景划分

2.3.1 根据交互动作划分

2.3 UI动效设计的分类解析

2.2.5 指尖的舞蹈——动效与交互动作的融合

2.2.4 动效设计的灵魂——节奏感

2.2.3 反作用力——动效反推界面设计

2.2.2 使用动效展现层级/框架/逻辑

2.2.1 动效的润滑与缓冲作用

2.2 动效的价值

2.1.4 另立门派——记得Metro UI吗

2.1.3 后来者——Material Design中的Animation（动画）

2.1.2 从MIUI V5和iOS 7谈起

2.1.1 智能手机时代的来临

2.1 动效设计简史

第2章 动效基础知识

1.4.2 表达式

1.4.1 常用的内置自带效果插件

1.4 效果、关键帧与表达式

1.3.2 导出图片序列

1.3.1 渲染输出设置

1.3 渲染发布

1.2.5 图层类型

1.2.4 图层样式

1.2.3 图层通用属性

1.2.2 新建与设置合成

1.2.1 新建与设置项目

1.2 项目、合成与图层

1.1.7 其他常用面板

1.1.6 【效果和预设】面板

1.1.5 【时间轴】面板

1.1.4 【合成】面板

1.1.3 项目面板组

1.1.2 工具栏

1.1.1 菜单栏

1.1 认识After Effects的面板与菜单

第1章 认识UI动效神器After Effects

超值实用的附赠资源

前言

推荐序言

作者简介

版权信息

封面

封面

版权信息

作者简介

推荐序言

前言

超值实用的附赠资源

第1章 认识UI动效神器After Effects

1.1 认识After Effects的面板与菜单

1.1.1 菜单栏

1.1.2 工具栏

1.1.3 项目面板组

1.1.4 【合成】面板

1.1.5 【时间轴】面板

1.1.6 【效果和预设】面板

1.1.7 其他常用面板

1.2 项目、合成与图层

1.2.1 新建与设置项目

1.2.2 新建与设置合成

1.2.3 图层通用属性

1.2.4 图层样式

1.2.5 图层类型

1.3 渲染发布

1.3.1 渲染输出设置

1.3.2 导出图片序列

1.4 效果、关键帧与表达式

1.4.1 常用的内置自带效果插件

1.4.2 表达式

第2章 动效基础知识

2.1 动效设计简史

2.1.1 智能手机时代的来临

2.1.2 从MIUI V5和iOS 7谈起

2.1.3 后来者——Material Design中的Animation（动画）

2.1.4 另立门派——记得Metro UI吗

2.2 动效的价值

2.2.1 动效的润滑与缓冲作用

2.2.2 使用动效展现层级/框架/逻辑

2.2.3 反作用力——动效反推界面设计

2.2.4 动效设计的灵魂——节奏感

2.2.5 指尖的舞蹈——动效与交互动作的融合

2.3 UI动效设计的分类解析

2.3.1 根据交互动作划分

2.3.2 根据交互功能与场景划分

2.3.3 响应不同输入手段的反馈动效类型

第3章 统一的韵律：智能手机系统的动效设计规范

3.1 动效设计规范概述

3.1.1 定义设计DNA

3.1.2 划分系统层级

3.1.3 划分动效设计的颗粒度

3.2 动效设计规范在华为智能手机EMUI 3.0设计中的应用

3.2.1 点线之美：EMUI 3.0的动效设计DNA

3.2.2 EMUI 3.0动效设计规范

3.3 案例：动画曲线精进

3.3.1 惯性往复动效

3.3.2 压缩-3D翻转回弹动效

3.3.3 依次错落进场的组合动效

第4章 智能感知动效在智能汽车UI设计中的应用

4.1 智能感知与智能汽车用户体验

4.1.1 智能汽车：新的浪潮之巅

4.1.2 智能汽车的用户体验与UI设计

4.2 智能汽车的感知体系与车机动效设计

4.2.1 智能汽车的感知体系

4.2.2 动效——理想的实时动态信息传递方式

4.3 畅想：HUD是否是车机最理想的模式

4.3.1 HUD与智能汽车

4.3.2 浅谈HUD与动效设计

4.4 智能汽车创意UI动效实战

4.4.1 案例：使用Particular效果制作下雪与雪花堆积动效

4.4.2 案例：使用Particular效果制作下雨与雨花溅起动效

第5章 突破二维空间——3D动效在ARUI设计中的应用

5.1 3D动效设计概述

5.1.1 拟物化视觉风格时代的3D动效

5.1.2 “轻3D”与“2.5D”——扁平化风格下的3D动效创新

5.2 3D动效在AR UI设计中的应用

5.2.1 浅谈AR眼镜的交互体系

5.2.2 新形态UI：悬浮在现实空间中的立体界面

5.2.3 行业案例：“视族”AR智能眼镜的桌面动态图标设计

5.3 案例：巧用3D图层做LED灯箱

5.3.1 搭建基本框架

5.3.2 添加3D标题

5.3.3 制作LED灯箱

5.3.4 为5个LED屏幕盒子分配独立的屏幕内容

5.3.5 添加Particular效果

5.3.6 为5个LED屏幕盒子创建反射

5.3.7 模拟低分辨率LED屏幕的颗粒效果

5.3.8 创建光缆生长逐个点亮LED屏幕的动画

5.3.9 增加摄像机运动动画

5.3.10 增加细节

第6章 悬停的舞蹈：Hover（悬停）动效在Web端UI设计中的应用

6.1 Hover（悬停）动效概述

6.2 Hover（悬停）动效在Web端UI设计中的应用

6.2.1 Hover（悬停）动效的几大交互应用场景

6.2.2 Hover（悬停）动效在VR/AR交互中的回归

6.3 案例：做一组粒子聚散效果的Hover（悬停）动效

6.3.1 打开初始工程文件，完成前期准备工作

6.3.2 制作第一组Hover（悬停）动效

6.3.3 新建合成用于粒子动效

6.3.4 添加图片素材，作为发射器形状

6.3.5 用多张图片替换作为随机多样化的粒子样式

6.3.6 制作Particular效果的粒子发射关键帧动画

6.3.7 复制辅助说明文字图层，创建粒子到文字的过渡动画

6.3.8 添加发光效果

6.3.9 为粒子起始发射添加上升运动趋势

6.3.10 将制作完成的粒子动画合成导入主场景合成

6.3.11 制作辅助说明文字呈粒子化消散的动效

第7章 小空间，大天地：转场动效与数据可视化动效在智能手表中的应用

7.1 “视觉连贯”转场动效与数据可视化动效概述

7.1.1 “视觉连贯”转场动效概述

7.1.2 数据可视化动效概述

7.2 转场动效与数据可视化动效在智能手表交互中的应用

7.2.1 智能手表交互中的转场动效

7.2.2 智能手表交互中的数据可视化动效

7.3 案例：智能手表运动健身类App的立体地图数据可视化动效

7.3.1 创建3D地图

7.3.2 创建模拟用户跑步路线的发光轨迹动效

7.3.3 添加轨迹光线在穿梭过程中粗细变化的动效

7.3.4 添加轨迹光线在穿梭过程中颜色变化的动效

7.3.5 为粒子束轨迹光线创建结束时的关键帧

7.3.6 为轨迹光线添加类似于虚线的断点分段效果

7.3.7 为轨迹路线添加发光等更丰富的视觉效果

7.3.8 创建镜头运动动画

7.3.9 添加数据辅助说明