本书全面地介绍了近年来**图形交互设计领域潮流的MG(动态图形)动画与UI(用户界面)动效的设计方法和流程。主要内容包括动态设计的基本要素,利用After Effects进行动态设计的基础框架,动态视觉的层次结构、构图和布局,版式、图标等动态设计的要点及操作,应用于用户界面和交互设计的动画原理,3D 动画集成及实时合成等。本书适合从事交互设计、界面设计、Web 设计等方向的设计人员阅读,也可供高等院校设计相关专业的学生及设计爱好者参考。

第1章 动态设计元素 1.1 什么是动态设计 9 1.2 设计原则 10 1.3 添加时间元素 12 1.4 动画原理 13 1.5 电影化叙事技巧 17 1.6 电影及电视设计 27 本章小结 33 第2章 动态设计项目 2.1 项目工作流程 35 2.2 明确项目内容 35 2.3 传达你的想法 36 2.4 练习1:新建项目 40 2.5 练习2:添加关键帧 47 2.6 练习3:添加效果 55 2.7 练习4:嵌套合成 61 2.8 练习5:渲染输出 62 本章小结 64 第3章 动态文本 3.1 版面设计专业术语 66 3.2 字体在屏幕上的显示 68 3.3 字体与信息传达 69 3.4 在After Effects中创建文本图层 70 3.5 练习1:制作文本图层动画 71 3.6 练习2:沿路径设置文本动画 76 3.7 练习3:应用文本动画预设 78 3.8 练习4:使用文本动画器 82 3.9 练习5:制作字符间距动画 85 3.10 练习6:使用摆动选择器 89 本章小结 92 第4章 动态标志 4.1 什么是有效的标志 94 4.2 广播电视节目术语 94 4.3 使用客户提供的标志 95 4.4 为After Effects准备图像 96 4.5 练习1:用蒙版和遮罩展示标志 99 4.6 练习2:制作矢量与形状图层动画 107 4.7 练习3:制作字幕条覆盖动画 118 4.8 练习4:用描边效果模拟手写动画 125 本章小结 128 第5章 动态用户界面 5.1 以用户为**的设计思维 130 5.2 什么是用户体验设计 130 5.3 移动设备的设计 131 5.4 动态用户界面设计 132 5.5 动态效果与含义 133 5.6 练习1:模拟滑动手势 134 5.7 练习2:制作按钮动画 140 5.8 练习3:运用预期原理 145 5.9 练习4:替换用户界面屏幕 154 本章小结 159 第6章 动态信息图 6.1 什么是信息图 161 6.2 可视化数据 161 6.3 练习1:制作饼图动画 163 6.4 练习2:制作垂直条形图动画 167 6.5 练习3:制作进度条动画 174 6.6 练习4:制作动态呼出标注 180 6.7 练习5:透视边角定位跟踪器 184 本章小结 186 第7章 动态标题序列 7.1 设定情感基调 188 7.2 色彩的主导与诠释 188 7.3 画面的框架与形状 189 7.4 赋予一定的深度 190 7.5 练习1:制作滚动标题序列动画 190 7.6 练习2:创建空间和视觉连续性 198 7.7 练习3:为片尾视频制作抠像 207 本章小结 214 第8章 三维空间中的动效 8.1 在After Effects 中进入3D空间 216 8.2 练习1:在3D空间中制作文本动画 216 8.3 练习2:添加与制作3D灯光 220 8.4 Cinema 4D Lite和CINEWARE 225 8.5 练习3:使用CINEWARE 中的3D Tracker 225 本章小结 234 第9章 在动态设计中前行 9.1 前期制作:推介 236 9.2 制作:命名规范 238 9.3 后期制作:Media Encoder 239