动态图形设计在插画中的表现方法研究

聂虹 黄果

关键词：动态图形设计 平面插画 表现方法 设计实践 视觉语言

引言

插画是一种重要的视觉表达形式，通过其直观的形象真实表达出插画师的内心状态和情感。随着社会审美的不断提高，插画在社会中的应用范围也越来越宽泛，其中包括商品包装、招贴广告、书籍装帧和影视等。但在数字化、动态化的时代背景冲击之下，单纯的平面插画作品已经无法满足新兴媒介的发展需求，越来越多的插画师选择在插画设计中运用动态图形表现形式，这不仅使插画可以通过更多媒介进行传播，还让插画以更加生动性、趣味性的形式呈现在我们眼前。“口罩”系列动态插画设计基于2020年新冠疫情大背景下，在传统的插画中运用动态图形的表现方法，将疫情爆发期间网络上人们的行为和状态进行艺术的加工和再创造，通过对人物角色和场景的营造，用动态插画的表现形式更为直观地向人们传达一种正确的思想观念，以期在社会中产生共鸣与反思。

一、动态图形

（一）动态图形的概念。动态图形是一种伴随时间流逝而改变其形式动态的图形，它融合了平面设计、动画设计以及电影视觉语言，可以说是一种综合性的艺术表现形式，动态图形可以简单地理解成是会运动的图形设计，在专业领域称其为“Motion Graphic”，简称MG[1] 。动态图形因为其表现形式丰富多样因此具有极强的包容性，可以与各种表现形式和艺术风格相互混合搭配，通过动态图形设计可以让整个设计作品更具有故事性、情节性和趣味性，在现代社会深受广大设计者的喜爱。

（二）动态图形的发展。1960年約翰·沃特尼创立了动态图像有限公司为电影制作片头，70年代他和别人合作，第一次把计算机技术引入到动态图像设计中，影片《西部世界》中，他们运用了计算机产生图像的马赛克效果[2] 。电脑和互联网从上个世纪90年代中期被人们广泛使用，许多平面设计从静态向动态转变，动态图形在其中得到了新的发展和应用。如今人们的生活早已经被各种各样数字化信息和电子屏幕所包围着，可以承载动态图形的媒介无处不在，动态图形已经渗透到我们生活的方方面面。

2020年东京奥运会的运动图标设计中就运用了动态图形设计，它突破了往年奥运图标的静态形式，73个动态图标运用动态化设计展示了一套完整的运动项目模式，图标开始于白色背景，以碎片的形式出现，在展示一套完整的动作流程后停留几秒，然后继续完成运动项目展示后以碎片化的形式消失，回到最初的空白背景[3] 。动态化的设计让奥运图标以生动、流畅和准确的运动造型表现奥运会的各种体育项目，通过动态图形超越文字的优势向全世界人们传播奥运文化，鼓励人们关注体育运动。

（三）动态图形设计的应用分类。动态图形具有强大的包容性，承载其媒介更是数不胜数，当今社会不同设计层面中都可以见到动态图形设计的应用，其主要可以分为以下几类：①影视类：影片的片头片尾和电视系统包括频道ID、栏目包装、形象推广等，此类也是动态图形设计最早的发源地;②交互类：电脑的网页和手机移动媒体终端的界面和App等，通过使用动态图形设计增强与用户的互动性;③平面类：文字、标志、海报以及插画等，此类加入动态图形设计打破了传统平面的创作模式，赋予了平面更多的内涵，同时也更易于传播。

（四）动态图形设计的优势。动态图形设计作为一种设计形式衍生于传统的静态图形设计，无论是在视觉、互动还是信息传达等诸多方面都具备其独特优势。在视觉上它使图形的表现形式更加丰富，同时可以集合更多的观感体验，抓住观看者的视觉焦点，更具有视觉吸引力;在互动上它丰富了平面图形的视觉语言，更加全面深层次的传达平面图形的内涵，动态图形带给受众者不仅仅是视觉感受，而是视觉、听觉、触觉等多重的综合体验，感官上带给观看者更多的全新体验，无形中增加了与受众的互动感受;在信息传达上它利用图形语言的独特优势，运用动态图形对想要传达的概念和信息进行创造性的描绘，通过这种方式引导人们的视觉流程，自然而然地向观看者传递信息[4] 。

二、“口罩”系列动态插画设计实践

2020年突如其来的疫情在网络发展之下形成“信息疫情”，随后在“信息疫情”下民众所爆发的焦虑、抑郁等心理疾病也迅速成为了社会热点。前期通过对“信息疫情”和网络上民众心理疾病进行深入的了解和研究，在遵循现实基础的原则上从“信息疫情”下人们的心理特点及状态出发，从中提取出所需元素进行创作设计，并根据设计的要素进行元素融合。采用扁平的绘画方式和运用夸张的表现形式，将空间虚实结合，运用动态图形设计的表现方法，完成以“口罩”为主题的系列动态插画设计。

插画配色为黑色和灰色，这种较为压抑、沉闷的色彩更有益于插画氛围的营造，在插画表达方式上采取了故事性和叙事性原则，设计不仅强化了插画中的内在联系和逻辑思维，还可以很好地激发观众自身的心理状态，让插画与观众产生情感的共鸣与互动，从动态插画的表现方式深刻反映社会现象，呼吁社会关注重大社会事件的同时也需要关注人们心理健康。

（一）“口罩”系列平面插画设计

1.“口罩”系列平面插画人物角色设计。人物角色作为贯穿整个插画设计中的主视觉元素，不仅要符合整个插画的情境设定，同时也需要考虑到设定受众人群为使用新媒体的最大用户——年轻人，一些生活化和卡通化的人物形象更加符合现代插画设计的流行趋势，同时也深受年轻人的喜爱。人物角色所特定的配饰、服饰也需要细细考究，在具有装饰性的同时也需要具有独特的视觉语言[5] ，例如人物角色头顶上的信号接收器则暗示这类人群过度依赖于网络世界大脑缺乏理性思考，网络和社交平台等新媒体成为大脑汲取营养的重要手段;居家的条纹睡衣一方面体现着疫情长期居家隔离的生活状态，另一方面条纹睡衣也和病号服有相似之处，暗示着一种不积极向上、不健康的病态生活方式等。通过这些不同元素来细化人物角色可以为观看者呈现一个更加立体丰富的人物形象，如图1。

2.“口罩”系列平面插画场景设计。场景在插画设计中有其独特的艺术特色，对于气氛的烘托有着重要的作用，“口罩”系列插画设计作为一个故事性、叙事性的插画表现形式，氛围的营造尤为重要。“口罩”系列描绘的是受害者的内心世界，所以更多采用虚拟、荒诞、非现实的场景构造，用更具有意义的视觉元素来代替现实生活中的场景，赋予视觉元素更加丰富的内涵，通过虚实结合使整个插画更具有讽刺意味。

（1）室外环境场景设计。“鸟笼城市”中原本的一栋栋居民楼都变成了鸟笼，疫情期间的人们被隔离在家就像鸟被关在笼中失去了自由，加上乌云、小雨等氛围营造带给人抑郁和低落的感受，每个人的内心世界都下起了雨。“药海梦游”中将药丸作为视觉素材，层层叠叠的药丸是对于新冠病毒“特效药”谣言四起的反思，随着疫情事态的发展，一些所谓的“特效药”也是投人所好，什么板蓝根、抗生素、双黄连可以预防新冠病毒的谣言层出不穷。“烟雾森林”中搭建了一个烟雾弥漫的森林，对于新冠病毒的未知程度，网络上不透明、不确定的信息就像杂草丛生的灌木丛一样，让人感到的迷茫和害怕从而丧失了主观意识，如图2。

（2）室内环境场景设计。“手机遨游”中以手机为主要设计元素，疫情期间的人们隔离在家通过一味地机械转发信息来博取点赞和关注，重复连续的“点赞”图形是人们在疫情期间实现自我存在价值的体现，彰显对于疫情的“表面重视”。“假面商店”中构建了一个内心世界的购物商店，面具则是商店主要的售卖物，疫情期间的人会因为网络上一条“好消息”戴上假笑面具欢呼雀跃，也会因为一条“坏消息”戴上痛苦面具悲伤流泪，内心世界已经完全被“社交媒体”所控制，人们失去了自己真实的感受。“生物闹钟”中将指针和数字作为视觉元素，没有按照时间顺序摆放的数字暗示着生物闹钟的混乱，人们正常的生活已经被彻底打乱，焦虑、恐慌、过度紧张和无力感等负面情绪在人物上展露无遗，无法梳理的心理压力让人们最终失去了自我，如图3。

（二）“口罩”系列动态图形插画设计。在动态插画设计中图形的运动是最重要的特性，其中图形的动态设计有形变、位移和性质变化等多种表现方法，其中在插画中运用最多的则是图形位移表现方法，它不会让设计元素发生形体变化，只是在空间中发生位置变化，这就很好地保留了平面插画的视觉完整性。“口罩”系列动态设计通过图形位移表现方法中的图形平移动态法、图形旋轉动态法和图形轨道动态法等来进行动态设计，通过将静态画面语言中所无法表达的隐藏含义运用动态化的视觉表现手法阐释给观看者，如图4。

1.“口罩”系列动态插画角色的动态化。插画中角色的动态化在整个插画动态中处于重要的地位，插画中人物角色的动态设计可以很好地把握画面语言的中心，在“口罩”系列中主视觉人物的动态化所产生的视觉语言即是受害者心理活动的外在视觉体现。

（1）图形平移动态法的设计。图形通过在空间X、Y、Z轴向上发生数值增减的变化而进行的运动称为图形平移动态法。在“药海梦游”中运用的是图形位移动态法的设计，在PS时间轴上针对人物角色这个图层按照一定的时间间隔设定关键帧，通过移动平面插画中的人物位置设定位置的关键帧，随着时间轴的移动让人物处于不同的位置，实现角色在Y轴匀速的上下位移，如图5。静态插画中主视觉人物只是处于一个被药丸包围的场景之中，中心点式构图具有一定的视觉吸引力，可以向观看者传递一定的画面信息，但并没有完整具体地表达出人物角色的内心活动，而图形动态化设计通过上下的来回移动，在赋予角色更多的活动空间的同时也将人物角色痛苦和挣扎心理通过动态的形式更好地表达出来，这种“信息疫情”下人们对于网络信息半信半疑，开心与失望相互纠缠的痛苦心理可以很好地与观看者产生一定的情感互动。

面元素保持了插画视觉语言的相对完整性，构建插画的视觉叙事的场景，“口罩”系列的场景动态设计是选取平面插画中已有的视觉元素进行动态设计，在设计过程中始终保持动态插画中的静态场景造型设计与插画的造型设计一致原则。

（2）图形旋转动态法的设计。图形围绕着自身某一轴向上的自转进行的运动称为图形旋转动态法。在“生物闹钟”中运用的是图形旋转动态法的设计，让场景元素时钟的时针、分针和秒针分别围绕着中心点做绕转运动，同时在PS时间轴上对三个指针所处的不同位置设定关键帧，这样就可以让指针做不同速率的转动达到动态设计，如图6。静态插画中指针只是充当时间的视觉表达元素，但是在动态化设计中通过让指针不同速率地转动，很好地暗示着白天与黑夜的飞速交替，打破了静态插画的时间限制，让观看者在观看时感受到时间的流逝，同时这种飞速转动的时钟也会给观看者带来无形的压迫和紧张感，提升插画的整体氛围。

（3）图形轨道动态法的设计。图形沿着一条特定轨道进行的运动称为图形轨道动态法。在“假面商店”中运用的是图形轨道动态法的设计，首先在静态插画需要预先的设定一条路径，然后在PS时间轴上根据移动的路径在不同的时间节点设定关键帧，让设计元素气球沿着这条预先设定的轨道进行位移而达到动态运动，如图7。在静态插画中气球仅仅只是充当场景视觉元素，希望与方向在气球上的并不具有很强的象征指代意义，通过动态化的设计，飘走的气球则被赋予了更强的含义，它暗喻着“信息疫情”下人们方向的迷失和希望的破灭，同时动态插画中气球打破了静态插画的画面边界限定，拥有了更大的设计空间，画面外的图形运动给了观看者无限遐想的空间，加强了插画与观看者的互动性。

（二）动态图形在“口罩”系列动态插画中的价值体现。动态图形是一种新的数字技术、新的媒介，它将文字、图形和图像进行新的编排和组合，突破了传统图形设计的局限性，给平面设计带来新形态和新趋势。①丰富插画视觉语言，增强插画的故事性。“口罩”系列插画中运用了平移、绕转和轨道动态等表现方法，这些空间上的动态设计赋予了平面插画设计中无法表达的视觉语言和深层含义，补充了平面插画不足以表达的内容。通过元素的动态化将插画的故事情节描绘更加完整和丰富，在氛围的营造和情感的表达中更加精准到位，给插画中的角色提供了更为广阔的活动空间，能够较为清晰明了地传达插画信息使观者更容易理解，丰富画面的层次感，增加了整个作品画面的叙事性[6] 。②增强视觉冲击力，提高受众的互动感。物体在运动的状态下更加能够对人们的视觉产生冲击，更容易给人留下深刻的印象，快节奏的社会下静态的插画设计已经不能满足受众的心理需求，有视觉冲击力、拥有一定趣味性的画面感才能更加吸引观者的眼球[7] 。往往静态插画只是单纯在向人们传达一种信息，并没有与受众进行互动产生关联，而“口罩”系列动态插画运用动态图形设计手法，增强了插画的视觉冲击力，主动的传递插画需表达的信息和内容，观看者也被动态化的设计所引导选择主动接受插画表达的内涵，迅速加强了插画与观看者之间的情感互动，引发思考。③突破纸媒局限性，扩大再传播的力度。以传播信息为首要目的视觉作品来说，静态的插画只限于在普通的立体空间中展示，并不具备很强的再传播能力，很难进入广大网络用户的视野中，这也是当下很多纸媒传播的局限所在。“口罩”系列动态插画中运用动态图形，让插画的应用媒介不再局限于传统的纸媒，传播的媒介更加灵活多变，观看的环境也不再只是限于单一、特定的环境之中，可以通过公共空间中的电子屏和互联网等一些新媒介来达到宣传目的，扩大再传播力度。

结语

以“口罩”作为设计创作选题，探究动态图形设计在平面插画中的应用与实践，运用图形平移态法、图形旋转动态法和图形轨道动态法等表现方法，从平面插画的角色和场景两个方面分别介绍了平面插画的动态设计以及应用，以一种艺术化的手法将需要传达的信息视觉化，通过这种精细准确的信息传达引发受众更深层次的思考和探索。信息时代背景下，插画的动态化发展势必会成为趋势，将动态图形应用于插画中为社会受众构建了一种新的插画语言，同时也拓宽了插画的视觉传达维度。一方面在数字化和5G下平面设计作品需要动态化，动态图形在插画应用中迎合了市场的需求和时代的发展;另一方面，插画的动态化设计对于插画师的动态语言和数字技术提出了更高的要求，所以动态图形在插画中的应用对于整个插画行业来说既是机遇也是挑战。

1001500783384