动态图形在新媒体环境中的应用表现

王晓华，韩腾云，蔡鑫

（河北工业大学 建筑与艺术设计学院，天津 300130）

一、新媒体与动态图形

关于新媒体定义，联合国科教文组织提出定义如下：“以数字技术为基础，以网络为载体进行信息传播的媒介。”①本文所研究的新媒体是指利用数字技术和互联网技术，通过智能手机、电脑、数字电视、电子屏幕等互联网终端，向用户提供信息服务的传播媒介。动态图形（Motion Graphics）是一种专业术语，指的是“随时间流动而改变形态的图形”。通俗来说，动态图形设计就是一种为会动的图形设计，融合了平面设计和影像语言的跨学科的艺术形式。动态图形具有多元化的表现造型、动态化的设计形式以及个性化的审美趋势等特征，符合新媒体传播环境的特点。动态图形设计正在借助新媒体技术发展壮大，成为一种主流的设计形式。

二、新媒体中动态图形的呈现载体

动态图形的呈现载体分为动态图片、视频媒体和交互演示。每一种呈现载体都是根据动态图形的信息内容、应用领域、受众群体和传播目标等特征来划分的，每个呈现载体都有特定的应用表现形式和固定的实用价值。

（一）动态图片

动态图形中最小信息载体就是动态图片，动态图片采用数字技术将多张静态图片接连起来，并按设定好的速度进行循环播放。与视频媒体相比，动态图形不能进行开始、暂停、回放等播放操作，播放速度不受观众控制并且没有声音元素。动态图片最常用的保存格式是GIF图片和HTML代码的形式，这种呈现载体的动态图形有占用空间小和制作成本低的特点，一般是用来承载在信息内容较少且不需要声音的动态图形。

HTML代码即超文本标记语言，是一种组成网页文档的计算机语言，HTML代码可以组成文字、图形、声音、动画、链接等信息格式。GIF就是图像互换格式，是美国的CompuServe公司在20世纪80年代末开发出的一种图像文件格式。GIF格式的图像文件能够存储多幅各不相同的彩色图像，通过数字终端的读取，每幅画面逐帧地在显示屏幕上出现并替换上一幅图像便可构成动态的画面效果。现在随着数字技术的发展，GIF格式的动态图片得到了广泛的应用，利用一些平面软件和动画软件来设计动态图形，投入人力物力的成本相对较低，并且能够快速便捷地制作动态图片。现在的GIF格式动态图片的成像效果支持了透明背景，在网页页面中，一般作为解释说明的图片穿插在段落文字当中，透明背景的动态图片可以更好地融入其中。动态图片形式的动态图形通常不含或者含有很少的文字元素，画面简洁鲜明，具有较好的趣味性和灵活性。但是动态图片格式存在展示时间短，承载信息少，可操控性差，缺少声音元素等问题，所以应用场景主要集中在网页或者手机App中，比视频媒体形式的应用范围小。

（二）视频媒体

视频媒体是动态图形的主要呈现载体，动态图片只能承载短小信息或者某个信息的片段，而视频媒体的动态图形可以完整地描述一整段的信息内容或者演示流程。视频形式的动态图形设计与电影艺术有很多相同的特征，因此在设计制作过程中，可以参考并借鉴电影画面的镜头运动和画面转场的处理方法。视频形式的动态图形主要有三种组合形式，分别是单独动态图形、动态图形和文字解释、动态图形和语音解说。组合形式中的动态图形和文章研究主体的动态图形不同，组合形式中的动态图形是狭义的动态图形，指的是不包含文字和语音解说的动态的图形元素。单独动态图形的组合形式，图形元素的形象的准确性和动态变化的合理性是保证受众能够准确解读动态图形的关键，任何一个细节表现得不准确，都可能造成受众的理解认知发生偏差，所以设计此类动态图形时，设计师必须具有非常高的视觉形象塑造能力，

视频媒体中的动态图形和文字解释组合形式，一般运用在信息较为繁多的情况下，单独使用动态图形不能全面地传达信息，此时需要运用文字对图形进行解释或补充说明，方便受众理解信息含义。动态图形和文字解释组合形式可以使用简化程度较高的具象图形或抽象图形，文字可以对图形的含义进行解释说明，保证其信息传达的准确性。

动态图形和语音解说的组合形式是最常见于视频媒体中的动态图形的呈现方式，在动态图形和文字解释组合形式的基础上增加了声音元素的语音解说，增加了动态图形的趣味性和易读性。设计师可以适当降低图形表现的准确性，利用图形创意表现信息的趣味性，表现形式多样化，画面更加的饱满，可调节动态图形的整体氛围，增强受众的视听体验。

（三）交互演示

受众对传统静态图形的接收是被动的，其沟通性较差，而动态形式的图形，尤其是交互形式动态图形增强了与受众的互动交流。交互式动态图形最开始只显示一个画面，但是随着互动操作，更多的隐藏界面被发掘出来，信息量不断增大扩展，信息层次与逻辑逐渐清晰明显。互动形式提供给受众自主权利，可自由选择观看顺序与方式，由于其以人为本的设计理念而被赋予多种用途②。设计交互式动态图形时，通常需要先对信息进行层级的划分，将信息分为单元，构成一个完整的信息结构框架，依据信息单元结构框架选择合适的视觉交互按钮对层级下的信息进行合理的表达，促进交互活动的产生。

三、新媒体中的动态图形视觉造型

动态图形的主体视觉元素是图形，依据图形造型特征可以将动态图形分为具象造型形态和抽象造型形态。通常具象造型的动态图形是依据现实事物的特征属性对事物进行合理的艺术加工后得出的造型形态。而抽象造型的动态图形则是利用点、线、面等基础图形元素表现某些理念和概念，或者现实中并不存在的事物。

（一）具象形态

具象形态的动态图形是设计师依据现实事物的视觉形象特征进行艺术加工后呈现的动态图形形态。动态图形的具象形态相比于抽象形态，其传达信息的方式更加直接，图形元素是取自于现实世界，熟悉的现实元素会拉近设计师与受众的心理距离。具象形态的动态图形可以引起受众的共鸣，产生情感联系，使动态图形的信息传达效率更高。依据动态图形的信息传达方式的不同可将具象形态的动态图形分为写实造型和写意造型两类。

1.写实造型

受众在观看写实造型的动态图形时，通常不需要进行联想和想象，就可以接收到动态图形传达的信息内容。写实造型的动态图形力求对现实事物的形象和动态特征进行完整的还原，所见即所得。在新媒体时代之前，制作写实造型的动态图形时通常需要进行实景拍摄和后期剪辑才能达到写实的效果。例如，美国好莱坞米高梅影业公司的动态图形形式的电影片头，其中的狮子造型就是通过拍摄现实世界的狮子加上后期剪辑拼贴制作而成的，在当时众多的电影片头中脱颖而出，真实的狮子形象带给受众很强的视觉冲击力，使受众印象深刻，成为了一个经典的电影片头的设计案例。

随着数字技术和计算机技术的发展，现在写实造型的动态图形很少通过实景拍摄制作，一般是利用电脑软件建模和渲染来还原现实事物外形、体积、光影、质感等一些表象特征。借助电脑软件的强大功能，现在写实造型的动态图形可以模拟表现一些无法使用摄影机拍摄的实景画面。如精密机械内部运行方式、动物细胞结构、材料分子构成结构等微观事物状态或者地壳变化、恒星爆炸、宇宙黑洞等宏观事物运动等。写实造型的动态图形还可以应用在数据可视化设计中，将数据中代表的事物形象直接通过软件模拟出来，并且进行相应的数据设置表现事物的数量、体积等特征，形成直观的数据统计，保证信息传达的准确性和易读性。

写实造型中夸张的表现手法，即设计师利用夸张手法表现事物的形象特征③。这种形式的动态图形设计不追求对事物形象的完全还原，只提炼事物的重点外形特征并使用夸张手法进行设计表现，增加趣味性，提高动态图形对受众的吸引力。这种设计手法需要设计师具有较强的绘画基础，能够熟练地把握现实事物的形象特征。

2.写意造型

“写意”一词来源于中国画的一种绘画形式，这种绘画形式不在于将事物描绘得多么现实具体，而是通过寥寥的几笔描画现实的事物，借物抒情，表现画家的一些思想和情感④。在动态图形设计中，设计师也会运用到“写意”的手法，利用简洁的设计语言表现事物的属性特征，向受众传达出事物代指的含义。写意造型的动态图形不注重描绘事物的具体形象，而重在表现出事物的一种内在思想，通常运用在艺术展览或商业展示中，运用写意的手法表现一些品牌的内在品质，提高受众对品牌的好感度。中央电视台的品牌形象广告相信品牌的力量“水墨篇”，设计师利用动态图形的写意造型的表现形式，需使用具有浓重中国元素的水墨画的表现手法，将水墨变形成山水、锦鲤、仙鹤、飞龙、长城、武术等传统中国元素和鸟巢体育场、广电大厦等现代中国特色建筑的形象，配合中国风的音乐节奏，表现了中华文明的源远流长，既有强盛的古代历史，也有繁荣复兴的当代社会，引出了最终的主题“相信品牌的力量”。

（二）抽象形态

抽象形态的动态图形通常会运用简单的几何图形，配合色彩变化、文字解释和音乐引导进行信息的传达。点、线、面这种最基础的图形元素在动态图形设计中有了更广阔的表现空间和更灵活的运用方式⑤。由于抽象形态的动态图形通常都是由点、线、面构成，所以在传达信息时会比较含蓄，需要受众仔细地品读，才能了解其中的含义。抽象形态的动态图形传达信息时，由于受众的生活环境和知识水平的不同，每个人对抽象图形的理解也有不同，为了防止信息传达产生错误，通常会增加文字进行解释说明，增强抽象动态图形信息传达的准确性。还有一部分抽象动态图形没有实际的信息内容，通常这类动态图形是以声音引导动态变化，动态图形随着音乐的节奏变化而变化，表现出一种视觉上的形式美感。

四、结语

动态图形是一种感性与理性相结合的艺术形态，感性部分是设计师要保证动态图形的美观度，完成吸引受众注意力的任务，理性部分是保证动态图形的信息传达的准确性，提高信息传达的效率。通过分析动态图形实际的应用表现，设计师在设计动态图形时，依据动态图形的实际应用需求选择合适的呈现载体和造型形态，增强动态图形的画面表现力，提高动态图形的传达信息的准确性。

注释：

①匡文波.“新媒体”概念辨析[J].国际新闻界，2008（06）.

②Wen-Shu Lai，Yi-Bing Lin，Chung-Yun Hsiao.FrameTalk：Human and Picture Frame Interaction through the IoT Technology[C].International Conference on Internet of Things as a Service，2018-11-17.

③谢孟颐.论幽默广告在视觉表现中的夸张手法[J].装饰，2004（03）：78.

④程秀红.当代背景下中国画创作中的写意精神研究[D].重庆：重庆师范大学，2013.

⑤原林林.康定斯基点、线、面、色彩对空间构成设计的影响[J].西北美术，2017（02）：132-133.