1.1 丰富多彩的动态图形
动态图形来源于英文Motion Graphics，译为动态图形，简称MG。现在MG的火热程度与移动互联网的迅速发展密不可分，因此有时候我们也叫它交互动画。移动设备包含人机交互的过程，而串联这些交互需要动态视觉设计，因此有了这样的说法。为了保持概念的规范与统一，我会在本书中采用动态图形的英文缩写MG来描述它。无论我们对于MG的理解是停留在访问网站页面所看到的GIF小动画，还是手机App中生动有趣的页面跳转效果，抑或是其他的呈现形式。既然我们用了“丰富多彩”来形容它，下面就让我们来一探究竟吧。
1．简洁的MG作品
移动和便携设备上的MG主要集中在App启动动画、引导页的交互设计以及活动页面等形式上，在视觉效果上是较为简单的。移动设备上的MG作品通常能起到增加产品人性化要素，增强用户与产品的互动，以及促进广告营销等作用。
随着Google近年来对Material Design（质感设计）理念的推广，动态图形设计也越来越受到重视，我们几乎在每一款Google产品中都能找到充满趣味的视觉元素。得益于Google在每一个特殊的日子（如一些纪念日及节日等）所设计的趣味插画场景（即谷歌涂鸦，Doodles），这种演绎形式逐步影响了其产品的视觉风格，也为Google的MG作品诞生提供了强有力的支持。图1-1是Google为了纪念《神秘博士》开播50周年而制作的一幅动态图形作品的截图。
图1-1 纪念《神秘博士》开播50周年的动态图形作品截图
Google擅长的除了插画类MG，还有基于纸张材料模拟的启动动画，如Inbox、Google照片、Google日历等（见图1-2）。这些设计中增加了简单的图标光影、色彩变化，更强调空间关系，并且在动画方面对现实中的力学规律进行模拟，看起来简约而生动。
图1-2 Google Apps
除此之外，还有App启动之后的引导页面，通过数张带有视差滚动效果的插画来诠释产品功能，简洁明了。用户第一时间的注意力被色彩明快的插画所吸引，然后再去阅读功能文字。这样一来，无论是用户对产品功能的认同还是品牌文化的表达都恰到好处。
移动设备上的MG作品，简单而精致。图1-3所示的是Google日历App启动页面，没有过于花哨的视觉效果，却带来了高效流畅的体验。
图1-3 Google日历App启动页面
2．复杂的MG作品演绎
图1-4的MG作品，丰富的图形变幻，快节奏的转场动画配合音乐节奏，让人目不暇接。作品中的图形元素包含了点、线、面，它们均是动态的，并且以各种意料之外的方式进行转换。让人沉浸其中，且很容易地判断这就是MG。
图1-4 MG Trend Infinite 动物园
因为MG模拟了抽象认知，甚至把一些类似于人思考过程的东西都表达出来了，这是其他静态设计形式难以做到的。而对于MG而言，能不受拘束地表达视觉语言，其根本就在于基础元素足够简单、抽象。换句话说， MG非常像运动起来的平面视觉设计，但MG还不止如此。
当视觉元素的运动增加了一个空间维度之后，3D的MG就产生了。如图1-5所示，这一类型的动画更多地出现在电视广告和各类视频节目的片头中。视觉元素的变换形式更加丰富，配合镜头运动与光线变化，能在纷繁复杂的舞台演绎之后，表达出核心含义（如节目名称或主题图案等）。
图1-5 Sportia 2014
近年来，由于扁平化简洁设计理念的流行，不同于平面2D领域的扁平化，在3D的设计中也很容易看到Low poly模型的舞台演绎。相较于前者，此类3D的MG更多是用于表达短小的故事情节，如产品介绍或动画短片等。
图1-6 C4D 低多边形MG
图1-7所示为一个使用真实场景合成的MG，抽象图形的彩色灯光在道路中也有环境反射效果，增强了影像的可信度。如果你接触过摄影，熟悉夜景长曝光摄影技巧的话，看到这个MG的截图，可能会充满亲切感。试想一下这种场景动态化之后的效果，你是否对MG的魅力有一种新的认识。
虽然说是完全不同的一种视觉体验，但是不变的依然是基础图形元素、不受拘束的创意表达，以及丰富的图形变换。
图1-7 Night Stroll
注：前文提到的MG基于静态视觉设计，实际遵循的仍是设计的三大构成理论，在MG作品里很容易看到基于此理论的静态和动态表达。所以MG是运动起来的视觉设计，来源于平面设计，服务于各个设计领域。平面设计所包含的各类视觉元素都可以作为MG的素材和舞台角色，除了常规运动外，如果配合粒子系统的处理，就能够完成令人惊叹的视觉效果。这也是MG与传统动画最大的区别，从元素到动画理念都高度抽象化，但却不完全脱离实际。
3．基于现实且充满艺术感的MG作品
MG的呈现形式并不一定都是抽象的，前面我们看到了基于现实场景融合抽象元素的表达方式。那么反过来，基于现实元素的抽象表达也是一种思路，这就是照片动态化和动态插画的由来。
图1-8所示是一种叫作Camera Mapping（相机映射）的技术，相当于针对照片的造型进行三维模型的制作，将照片作为贴图附着在三维模型上，可以让原本静态的照片进行限定范围的运动。当你看到照片中呐喊的球员，是否能够想象赛场中沸腾的那一瞬间，在Camera Mapping技术的支撑下，照片能够在立体空间运动起来，将你的想法实现出来，这就是MG对于人思考过程的表达。除此之外，插画作品也可以运用这样的动态手段表达出更丰富的情节，如动态插画等。
图1-8 Camera Mapping分解
图1-9所展示的是美国暴雪娱乐公司出品的游戏《炉石传说：魔兽英雄传》的片头动画截图，片头部分运用大量的动态图形设计，使用了粒子特效、3D运动、骨骼以及网格动画等技术手段，将极富个性的角色活灵活现地演绎出来。一直以来，插画这种艺术形式就具有着独特的魅力，且不可被摄影、3D图形设计等方式所取代。取材于真实历史与神话传说，并融入了艺术家的思考与艺术表达的插画设计作品，具备很高的欣赏价值。动态插画之所以被我归为MG，是由于它不仅保持了动态图形设计的理念，甚至将之升华到了更高的层次。如果你对于游戏美术有足够的兴趣，动态插画绝对是值得你去研究的方向。
图1-9 《炉石传说：魔兽英雄传》片头的动画截图
虽然很想继续向大家介绍MG分类的更多内容，但只是欣赏的话，并不能让我们成为创作者。本节介绍的内容，实为一个基本的归纳，结合后续介绍的实际应用领域的概念，能够方便大家找到最适合自己的研究方向。