动态图形设计的信息传达有效性探索

王 萍



动态图形设计的信息传达有效性探索

王 萍

摘要：文字、图形、色彩、动态、声音是动态图形的五大基本媒介元素，也是探索动态图形设计信息传达有效性的五个方面，结合教学与创作的实践案例分别分析各大元素吸引受众注意的有效技法，得出对不同媒介元素及技术特征的把握能更好地表达创意，能在动态图形设计中更好地实现信息的有效传递。

关键词：动态图形；信息传达；有效性

动态图形作为一种信息传递语言，正悄悄的改变着我们对信息的接受方式和解读方式，它使复杂的信息内容简单化，信息传播的形式多样化［1］，同时增强了信息表达的趣味性，丰富了信息的内涵。动态图形设计的特性与归属领域探讨要从它的由来说起，在电影海报设计时期，平面设计师索尔·巴斯（Saul Bass）率先制作了电影的片头设计（Title Sequence），之后逐渐应用于影视创作、交互界面、空间展示等各领域之中，因此，动态图形设计往往被归属于视觉传达设计（Visual Communication）领域，与动画（anime）不同，因为动画是围绕角色来讲述一个有时间线的故事，动态图形可以叙述性地表达观点，传递信息却并不一定要叙事。它强调图形的形态变化、色彩更替，强调每时每秒的完美静帧呈现。于是，也有人将动态图形定义为“基于时间变化的非叙述性、非具象化的视觉设计”［2］。动态图形还被看作是图形在时间维度上的动态表现形式，即：Motion Graphic = Motion + Graphic + Time［3］。可见，动态图形是综合了图形设计、动态设计和时间设计的交叉设计活动。

动态图形基于图形设计的发展，与静态的平面设计相比有着无与伦比的优势，因为它深受艺术表现、科学技术、设计表达等多方面的影响。根据宁海林教授提出的视觉传播机制ACTS模式［4］，要想达到良好的传播效果，首先要能吸引受众注意（Attention）。阿恩海姆的视知觉形式动力理论表示，动态形式的图像显然更能引起观众的注意。而且，动态图形能提供受众含有视觉、听觉、思维感知、空间认知、节奏动感等全方位的感受过程，表现出信息传达的高效性，视觉震撼性以及情感通融性等多方面优势［5］，不但更能吸引注意还能因为强烈的感官刺激更容易留存记忆。融合了文字、图形、色彩、声音、动态等多种表现元素的动态图形，借助现代技术能将眼睛看到的内容整合成视觉信息流，并迅速地传达给我们所要表达的认知信息。作为视觉传达设计的一种新形态，我们需要探索动态图形这种设计形态在有效传达信息方面有哪些实用的方法或技巧。

一、文字数据视觉化

数据视觉化（data visualization）指的是通过图形化手段进行清晰有效的信息传递。广义上平面领域的设计都属于数据视觉化的范畴，狭义上指的是能提高人们信息应用效能的信息设计infographics。柱状图、曲线图、饼状图是典型的信息设计图形，对于记忆数据、理解趋势有较好的辅助说明效果。然而动态形式能更好的传递信息，因为动态往往更能建立认知次序，简化或聚焦信息，能利用形式美感加深阅读者的认知记忆，甚至阅读者还能通过交互动作有选择地阅读信息，这对信息传递的认知效率和精准定位具有积极意义［6］。所以也有人认为动态图形是对复杂难懂的数字、概念和其他信息的视觉化表述。

如今的信息设计已经被普遍应用在新闻报道、纪录片、电视广告等领域，当然还出现过以gif文件为主的微动式信息图表、图标或图示。之后设计行业内出现了大量唯美的有一定篇幅的动态短片作品，信息短片才以独立的表现形式被人们所认可，不过中文叫法各不相同，动画、影视短片、广告似乎都能意指信息短片。国外以jess3设计团队的信息短片最为出名，他们声称是一家专门从事社交媒体策略和数据可视化的创意机构，擅长用优美的画面通俗易懂的表达复杂的问题或繁杂的数据，他们对谷歌翻译技术、互联网现状、云计算的短片解说给我们留下深刻印象。学生作品《阿尔茨海默症》就是以信息短片的方式向我们普及阿尔茨海默症的相关知识，并呼吁人们对病患的关爱。首先将收集到的阿尔茨海默症的相关资料精简成文本信息，并转换成有声资料，然后通过对色彩、矢量图、位图、文本、线条等元素的运用，在flash软件中编辑位移、缩放、旋转、形变、生长等基本动态，做到了让观众在高效接受信息的同时，也能被生动的视觉形象所打动，这对煽动情绪，激发关爱有积极作用。（如图1）

图1 阿尔茨海默症

文字数据的视觉化主要是对文本信息而言，文字作为一种媒介元素，最能直接了当地传递信息，所以旁白和字幕往往能在作品中有效地发挥信息传递作用。宣传片是一种提高声誉、扩大影响、吸引观众的渲染手段，它以传递观众视觉震撼的方式来体现价值，如获得浙江省第十四届大学生多媒体作品设计竞赛本科组DV类一等奖的《天地人》是关于茶文化的宣传片，学生运用动态图形独特的技术和审美优势，表达采茶、炒茶、品茶的人文情怀，用唯美的画面与特效表达对天与地的敬畏与感恩。文本信息在这里起到了画龙点睛的作用，提纲挈领地来揭示主题、表达思想。片首以文本“寻回那股温暖的味道”开场，展开青山绿水、乡里人家的自然美景画卷，中间点明主题“天地人”，讲述了一片天、一块地和一些人的故事，茶工艺和茶道文化徐徐道来，片尾“时间因茶而停留”，结合时间属性起到调节受众情绪，控制短片节奏的作用，片末“苦尽甘来”，一语双关即指品茶的口感，亦指摄制小组的艰辛过程与丰收喜悦。（如图2）有时，文字数据还能形成一种流动视觉，比如流行乐歌手凯蒂·佩里的Part of Me单曲MV，就是运用全字体手法，利用排版转换的动态呈现歌词内容表达完美词意。

图2 天地人

二、图形元素场景化

图形是重要的视觉基本要素，它在静态形式下就能表达很多视觉信息，如异质同构、图底反转、符号语言、视觉悖论等，这些图形创作手法在动态图形创作中依然适用。符号的、抽象的、完形的，结合了动态形式后的图形能在人脑中形成感性的概念思维映射，给观众创造一个虚拟、抽象的多维度空间，人们的想象将延续在画面之外，而那些符号性元素也能传达出更多的认知信息［7］。早年设计大师索尔·巴斯已经在经典电影《七年之痒》、《谜中谜》、《金臂人》等片头中向我们印证了图形语言在动态中的重要性。动画导演丹尼尔与Framestore CFC公司合作的《007皇家赌场》片头，倾倒了不少观众，纸牌、轮盘、纸币、枪支、人物剪影等图形元素向观众传达出皇家赌场的火爆与激情。获得2010年宁波市首届公益广告大赛影视类创意奖的学生作品《快乐旅程》，也是获得宁波市大学生创意设计一等奖的作品，学生用手绘线稿图与人物照片结合的方式为观众塑造了一个虚拟想象的空间，这里的人物动作是用定格照片以逐帧的方式来表现的，选取的地标性建筑有天一广场、跨海大桥等，以符号性图形元素的方式来表达地理上的宁波，手绘的垃圾桶、易拉罐和海宝、上海世博中国馆也是为了符号性地传达“讲文明、树新风、迎世博”的广告主题。（如图3）

图3 快乐旅程

场景设计就是塑造一个特定的空间场所，让观者感知具有一定信息内容和情感效应的环境氛围。在故事叙述中场景是服务于角色表现的空间，往往会涉及到时代、社会背景和自然背景的表达。动态图形的视觉价值还体现在利用动画及电脑特效来表现实际拍摄无法实现的场景内容［8］，有时出于成本的考虑，有时则是为了体现媒体的丰富性，为了更好地信息传达。例如我学生时代创作的被BBC4频道的trouble栏目收购的You are in trouble栏目包装，就是用二维照片在AE里搭建了一个三维空间来替代实际拍摄场景，照片摄取的是涂鸦的墙、红色的大巴车和电话亭，传达了一个信息——这个故事发生在伦敦，地面上的one way符号与主人公奔跑的方向相反，暗示着这是一段违背常理的经历，接下来用一段卡通动画来表达小男孩幻想自己变成超人飞过屋顶，飞到学校的场景。镜头用第一视角的方式表现旋转的教学楼，闪白，推开门看到老师在上课，与片首主人公奔跑的镜头一样老师回首的镜头也是经过滤镜处理后的视频影像，与中间的动画媒介形成对比，让故事在现实与梦幻中切换，伴随着小男孩奔跑后的急促呼吸声我们听到老师在厉声训斥“You are in trouble”，片末亮出trouble栏目的品牌logo。trouble栏目是针对少年儿童的节目，栏目包装想表达的是该年龄段孩子的淘气与滑稽。（如图4）

图4 你有麻烦了

三、色彩元素信息化

色彩是影响视觉的重要因素，从生理学意义上讲，眼睛对颜色的获取是不同波长的光线刺激视网膜与感受色彩的视锥细胞的共同结果［9］。不同的色彩能让我们产生不同的心理感受，比如冷暖硬软，我们也会因为颜色联想或某种信息记忆进一步区分色彩，从而影响受众情感。色彩在动态图形中多用于背景设定，起到烘托渲染的效果。但有时也会把它当作传递信息的主体出现，例如我学生时代的课程作业Color实验短片，命题的主题是颜色，探索的是动态图形的表现手法。对于该命题，我们可以考虑表现大自然中的天然色彩，表现人造世界的抽象色彩，或者情感色彩，也可以探索特殊情境下的色彩运动，比如表现水在光线下的质感性色彩变化，我们团队选择表现的对象是霓虹灯。第一次街拍，我们用实拍对焦点的方式得到的了一组高清晰度且很具象的霓虹灯素材，但是该如何编辑完全找不到感觉，第二次街拍，我们尝试了转移调焦，结合快慢拍摄混搭的方式，得到了朦胧的、抽象的，看不清对象的素材，留下的只有色彩信息：红、黄、蓝、绿、紫。我们显然对这组素材更加满意，根据我们自己录制的声音，最终将这组素材编辑成了一段富有节奏感的色彩运动。色彩元素信息化是一种抽象的表现手法，往往能表现出与众不同的视觉效果，或时尚、或激情、或幻想。（如图5）

图5 颜色

四、动态形式拟物化

随着第五媒体的迅速崛起，人们追求更舒适、更有趣的用户体验，动静结合、变换无穷的交互界面能增添用户在使用产品中的愉快情绪，最终提高产品的用户粘度。结合触控技术动态元素表现在颜色、形状、速度、节奏上的变化，让动态交互更生动有趣。人类先天倾向于设计拟人化的物品或拟物化的场景，把人的情感映射到生活物品中［10］。对现实场景的动态模拟或依据物理原理的运动能让产品变得亲切，让用户操作界面的过程更贴近生活的本来面貌，如手势滑动的弧线运动、界面转换的惯性运动等。同时动态模拟还能让用户感知动态形式的空间感，比如列表项的删除或展开，能在Z轴运动方向暗示空间关系并表现出层级和深度。又比如现今比较流行的动态天气图标，用模拟各类天气场景的方式来体现产品的功能或状态，生动的细节也表现出了向Z轴延展的运动趋势，这种拟物化的设计同时也给图标本身增添了不少视觉魅力。2015年国家大学生创新创业项目里的应用设计部分的APP设计《爱茶》，在界面中用动态的方式渲染出每个阶段不同的制茶工艺，动态在这里不仅起到协助信息传达的作用，用拟物化的手法还展示出多维的虚拟空间，更重要的是这种空间场景的模拟能烘托气氛或激发情感，用优雅的动态形式激发用户对茶的喜爱之情。（如图6）

图6 爱茶

五、声音信息主导化

严格意义上说，声音属于听觉上的信息元素，并不属于视觉的范畴。然而我们所说的视听语言是一种感性语言，是为了传播某种信息对听觉和视觉的合理安排。而且在实际案例中声音信息几乎成为了不可缺少的元素，并且很大程度上影响着动态图形的信息传达，在接收速度上声音信息也表现地更为敏锐，这就是为什么旁白通常比字幕更受关注。一般情况下，动态图形中的音乐是作为配乐出现的，这对烘托气氛、感染情绪有重要作用，还能够引发观者深层次的心理认知。但有时声音也能居于主导地位，比如MV，专为音乐而搭配的视频图像形式，在这里视频为音乐服务，帮助传达音乐无法涵盖的信息和内容。作为视觉艺术新形态的动态图形，通常能在实验性强的歌手的MV中得到充分的发挥。例如冰岛歌手Bjork精灵一般的天才，一直致力于创作艺术和实验性强的音乐来跟主流音乐抗争，她与Chris Cunningham合作的《一切都充满爱》以及与Michel Gondry合作的Human Behavior，让人们见识了诡谲、天马行空的，充满想象力的动态图形世界。又如VJ影像骑士，负责Party影像的人，他的工作就是根据音乐的节奏、风格将影像、动画等视觉元素作即时的剪接并添加效果。随着科技的发展，这类工作已经能移交给计算机完成，根据声波自动显示动态影像，这类创作逐渐成为新媒体艺术领域的重要方向。Color实验短片里的音乐是我们团队成员共同创作的，它其实是一段说唱节奏的声音，借助声音录制与编辑器，我们四个女生用各国语言录制了一段讲述颜色的声音，并将其编辑成一段有节奏韵律的音乐，以此为主导编辑了关于颜色的动态影像，我们相信听觉上的敏锐会加深视觉上的关注，所以在动态图形创作中可以将声音信息主导化，以此来吸引观众对视觉信息的关注。

六、结语

动态图形设计的发展是基于传统平面领域的图形创意，在视觉语言的运用和表现手法上有延续性。图形、文字和色彩是平面设计的视觉三要素，在信息传达方面除了要贯彻平面设计领域里的设计原则和技法之外，还要从其他媒介元素如声音、动态、节奏、空间等方面进行总结。囿于篇幅和实践经验，本文总结了五点动态图形设计在有效信息传达方面的表现技法，还有很多有待探讨。动态图形尚处于实践阶段，对信息传达的技巧与手法的探索与实验是表达想法的有利途径，上文列举的案例无不得益于技术的实践表达，最终能有效吸引受众注意，并实现信息的高效传递，可见，设计者要具备较好的运用现代技术设备的能力，以及对不同媒介特征的把握［11］，才能创作出优秀的动态图形作品。

参考文献：

［1］曾进.动态图形设计基础探析［J］.艺术设计（理论），2013，8：90-92.

［2］孙聪.“Motion Graphic”与视觉信息传达范式的变迁［J］.美术研究，2015，4：104-107.

［3］许一兵，许肖潇.动态图形设计［M］.上海：上海人民美术出版社，2013，3.

［4］宁海林.视觉传播机制ACTS模式——以新闻图像为例［J］.西北大学学报（哲学社会科学版），2012，5：163-167.

［5］吕杨.动态图形信息传达研究［D］.西安：西安美术学院，2013.

［6］王萍.动态图形设计能力培养探研［J］.浙江万里学院学报，2014，11：87-90.

［7］陈航平，冯学伟.静态平面图形在屏幕中的动态表达［J］.包装工程，2013，6：25-28.

［8］邓晓莉.论动态图形设计的视觉传播价值［J］.美术大观，2015，2：114.

［9］唐春燕.动态图形设计中的视觉信息呈现［D］.汕头大学，2011.

［10］孙辛欣.基于移动终端应用软件的动态交互设计研究［J］.包装工程，2014，11：32-36.

［11］童江涛.数字技术背景下动态图形设计人才核心能力培养研究［J］.齐齐哈尔大学学报（哲学社会科学版），2013，3：149-151.

（责任编辑：李 宁）

Exploration of the Effectiveness of Information Transmission in Motion Graphic Design

WANG Ping

Abstract：Text，graphics，color，motions and sounds are five basic media elements of motion graphics. They can also be considered as five aspects to explore the effectiveness of information transmission of motion graphic. By an analysis of the effective techniques of different elements to attract the attention of the audience combining with the practical cases of teaching and creation，well mastering the different media elements and characteristics of technology can express the ideas much better，and can effectively transmit the information in the motion graphic design.

Key words：motion graphic design；information transmission；effectiveness

中图分类号：J524

文献标识码：A

收稿日期：2015-12-31

作者简介：王萍（1979— ），女，浙江宁波人，浙江万里学院艺术设计与建筑学院视觉传达设计系讲师，主要从事新媒体设计教学与研究。（宁波315100）