基于新媒体技术的动态图形在信息可视化中的设计研究

曾禹萱 张 逸

广西师范大学

美国科学家尼古拉·尼葛洛庞帝在《数字化生存》中写道：“我们已经进入了一个艺术表现方式得以更生动和更具参与性的新时代，我们将会有机会以截然不同的方式，来传播和体验丰富的感官信号”［1］。随着科技革命的到来，数字技术与互联网技术飞速发展，从而衍生出新的媒介形态——新媒体技术，动态图形可视化在新媒体技术的支撑下有独特的传播优势，它能将文字、图形、声音等多种元素通过一定的媒介技术进行视觉的呈现，给受众带来更好的多感官的体验。面对新媒体技术发展的趋势，传统的媒介形式已经不符合受众获取信息的需求。作为一名设计师，我们应紧跟时代前进的步伐，探讨出新媒体技术下的动态图形信息可视化的方法与原则，通过设计实践得出可行的设计方法论，创造出符合时代的信息设计作品。

一、新媒体技术与信息可视化设计的关系

（一）新媒体技术概述

H5技术和短视频都是新媒体技术下的典型代表，它们具有不同的特点和优势，但都在现代数字内容传播中发挥着重要作用。H5，也就是HTML5，是一种现代的网页开发技术［2］。随着社交媒体在移动端口的快速发展，以微信为代表的各类软件的普及让H5技术逐步成为热潮，其快速发展离不开其强大的互动性以及适用性。它能适应当代人最依赖的社交工具——手机，且没有安装门槛，更容易被推广。从受众的角度来看，H5让使用门槛大幅下降。而交互设计作为研究人与人、人与人造系统、人与自然关系的学科，在当今的信息社会中因动态信息可视化设计获得了巨大的发展，信息传达的方式更多样，受众的体验有了巨大的提升。

（二）信息可视化设计概述

随着时代的进步，信息可视化设计拥有巨大的发展空间，成为当下与未来信息时代更加有利的工具和杰出的媒介。看信息是人们长久以来的习惯，但如何才能清楚、明白、愉悦地看呢？这就需要借助信息可视化设计的力量。因为一张优质的信息图就是一个完整的信息发布系统，它包括信息的类别划分、关系组织、流程建构与视觉表现四个重要的组成部分［3］。信息可视化设计能引领受众进入预先设计好的信息“剧场”，启发受众的阅读兴趣，进而实现信息传达的目的。

（三）新媒体技术下信息可视化发展的优越性

1.新媒体技术为信息可视化提供了更多的可能性

信息图形由单一的静态图形向动态化、交互式的方向发展，在发展过程中离不开新媒体技术的支撑。新媒体技术为动态图形的可视化提供了更大的展示与传播空间，尤其是数字软件技术的出现，如H5、Premiere等，更为动态化的实现提供了便捷有力的技术支持。

2.新媒体技术可以提高信息可视化的交互性和实时性

H5技术可以利用在线实时更新技术，将数据信息实时更新和展示出来，同时也可以使用点击、滑动等操作，使受众与信息可视化进行交互，从而更好地探索和理解数据。

3.信息可视化在新媒体平台上起着重要的作用

在新媒体平台上，信息可视化可以帮助受众更好地理解和掌握大量信息。当今时代，生活节奏变快，受众越来越希望在短时间内获取信息。从信息可视化本身来说，要想适应时代的发展，就必须作出相应的改变，顺应时代要求，这些都将成为动态图像信息可视化的推动力量。

二、动态图形在信息可视化中的设计特点

（一）传递信息的高效性

动态信息图形设计以交互式或者动态式的媒介形式进行呈现。依托互联网技术与新媒体技术，信息传递可以不受单一媒介的限制，可以自主选择所需的信息平台。网络、手机、平板电脑及其他移动终端也为动态信息图形的传播提供了广阔的平台。

（二）接收信息的准确性

快节奏的社会生活促使媒体的传播内容越来越趋于简短化和动态化，短视频越来越受到受众的欢迎。面对新媒体技术发展趋势，信息图形设计的形式也从原来的静态形式向动态化、交互性的方向转变。如微动式的信息图表、图示或者图标，也就是我们平时所说的 GIF 图，也包括加入交互元素的 H5，还包括具有一定篇幅的动态信息图形设计短片。这种发展方向是适合现代数字媒体传播发展要求的，也是符合受众审美期待与信息获取需求的。同时，动态信息图可以展现信息的变化过程及作者的思维方式等，受众可以更加方便地获取复杂信息，提高了沟通效率，避免了获取信息时所产生的误差［4］。

（三）与受众的可交互性

首先，动态信息图形具有生动性。动态信息图形中的“动态”除了指图形本身的缩放、旋转、变形等变化之外，还指它在时间轴上的速度变化、节奏变化、运动轨迹的变化等。这些变化会引起受众视觉焦点的变化，从而提高其传播效率。其次，动态信息图形设计中的颜色使用也可以引起与受众的情感沟通。认知心理学研究表明，颜色的色相不同、纯度不同、明度不同等，对受众的心理会产生不同影响，不同的颜色带给受众不同的情绪感受。最后，动态信息图形设计作品中常常会伴有声音。风趣幽默的解说，与信息图形画面内容和节奏完美配合的音乐都能与受众产生情感互动。

三、基于新媒体技术的动态图形在信息可视化中的设计方法与原则

（一）设计方法

1.确定动态图形的表现形式

动态图形信息可视化设计从资料收集、用户研究与设计研究开始，由设计主题、目标、风格分析等决定设计方向。随后设计师可以进一步构建设计原型和版式草图。该阶段的概念设计是关键，设计师可以通过手绘草图、脚本等方式来设计动态信息可视化作品的风格。设计师在进行动态信息设计时所使用的信息架构、视觉语言、表现形式，是在充分了解受众的基础上进行选择的。如果一件动态图形设计作品针对的主要人群是老年人，那么在表述信息时要考虑到这类受众的喜好以及目标群体的视觉特征，设计出符合他们需求的设计作品。如果目标人群是某一民族的受众，那么在设计的时候就要考虑到这一民族所处的地理环境、民俗文化、生活习惯等，这些因素决定着最终的呈现形式与效果［5］。其实，动态信息图形设计是设计者与受众交流的一种方式，所以在确定动态信息设计的表现形式时，设计师必须充分考虑受众的认可度，真正做到设计为人民服务、为大众服务。

2.尊重受众的体验效果

在开始设计动态图形之前，要了解受众的需求、偏好和认知能力，了解他们的背景和预期，以便能设计出符合他们需求的作品。在动态信息可视化过程中，动态图形的演绎过程会随着时间的流动而变化。如果画面中的视觉元素杂乱无章，逻辑顺序不清晰，就会增大受众理解信息的难度。如果画面简洁明了，动态图形逻辑清晰，整个画面的风格整体而统一，节奏感比较强，就会给受众带来不一样的体验。

（二）设计原则

1.视觉形式美原则

在唐湘晖等编著的《动态构成》一书中，介绍了形式美的基本法则，如平衡、对称、对比、节奏等。笔者认为视觉动态均衡是动态图形构成形式中的重要原则，它能使动态图形更加稳定、和谐、具有表现力和感染力，从而有效地传达信息或情感。在实现视觉动态均衡的过程中，需要考虑多个因素之间的相互作用和动态变化，灵活地运用不同的形式美原则，创造出具有视觉美感和艺术价值的动态图形作品。

2.多维互动体验原则

在提供设计服务的过程中，充分考虑受众的多个维度需求和互动行为，创造沉浸式、多维度、互动性的体验。这个原则强调在产品或服务的设计中，需要将受众看作是多维度、多感官的个体，提供能同时满足他们多个感官需求的体验。尽管动态图形本身并不具备互动功能，而是利用数字媒介，如计算机、手机、平板等设备，经过设定好的交互方式来传达信息。这种交互方式可以是受众点击、滑动、缩放等操作，也可以是自动播放、循环等预设行为，从而实现更广泛的互动和传播，增强受众的参与感和黏性，从而达到更好的信息传达和品牌形象塑造的效果。

四、新媒体技术下的动态图形在信息可视化中的设计实践

（一）以广西廉政教育基地导视地图为设计对象

设计实践将交互地图当作突破口，通过交互地图的应用，可以提供直观的信息呈现、受众参与和互动、空间分析和规划以及创意和设计工具等方面的支持，为设计带来更多的可能性。通过研究广西廉政教育基地交互地图的设计方法，研究交互地图设计在信息技术快速发展的背景下是如何进行创作和传播，以及如何应对新的挑战和机遇的。本文以广西各市级单位最具代表性的廉政教育基地为创作对象，通过对廉政教育基地建筑的深入挖掘，将其作为创作元素，并以交互方式在地图上呈现这些代表性建筑。这样具有体验感的互动能够加深受众对廉洁文化的印象。并且交互性地图与静态地图相结合等，更能促进廉洁文化在校园中的有效传播，为培育大学生的正确价值观发挥重要作用。

笔者选取广西部分市级单位具有代表性的廉政教育基地，作为该地地域文化的视觉符号。广西廉政教育基地导视地图的设计应注重其文脉的设计，即在保证功能性基础上，不忽略所处地貌环境、历史文化特质的设计［6］。由此，笔者在设计有代表性的廉政教育基地的造型与色彩时，结合所在地方的风俗等因素，确定色彩基调，分别展现各个廉政教育基地的建筑图形，通过主题色和背景色的变化搭配，突出了地域文化的特色与建筑的风格。

（二） 交互地图在数字媒体技术中的应用过程

这个设计实践（见表1）项目是以广西部分市级单位的廉政教育基地为主题，利用交互地图的形式来呈现这些基地的代表性建筑群。通过交互地图的设计，受众可以在地图上方便查看和了解这些基地的位置、特色和历史背景等信息，同时也可以通过交互方式对这些建筑群进行更加深入的探索和学习。

表1 广西部分廉政教育基地图形元素（来源：自制）

通过深入挖掘当地廉政教育基地建筑作为创作元素，我们运用Photoshop、AI等软件并搭配数位板进行插画设计创作，将各地的代表性建筑以精美的插画形式呈现。后期，我们结合H5交互技术，将这些插画转化为交互地图，受众可以通过点击、滑动等操作，查看各地廉政教育基地的详细信息，并且与地图进行互动，增加受众的参与度和黏性。这种结合插画和交互地图的创作方式，不仅能以美观、生动的方式呈现各地的廉政教育基地建筑，还能提高地图的传播速度和广度。

作为一名设计师，笔者充分利用技术手段，以提供更好的参观体验为目标。笔者选择广西廉政教育基地的交互地图作为研究对象，结合多感官的体验，从多个角度进行研究，旨在丰富交互的内容和形式，不断完善受众的体验。通过对广西廉政教育基地交互地图的创作与传播的个案研究，笔者发现数字媒体技术的支持对提高交互地图的情感化和人性化程度起到了关键作用。在创作过程中，笔者注重从受众的角度出发，充分考虑他们的需求和感受，通过技术手段将廉洁文化的精神内涵以更加生动、有趣的方式呈现出来。在传播过程中，笔者也注重选择合适的渠道和平台，让更多人方便查看地图和与地图互动。

五、结束语

本文通过分析新媒体技术与信息可视化的关系以及数字媒体时代下动态信息图形设计发展的优越性，并对动态信息图形可视化的特征进行概述，针对现有问题提出新媒体技术下动态图形可视化的方法与原则，最后，通过设计实践来证实这一原则。相信随着新媒体技术的发展和研究的深入，我国的信息图形设计会越来越成熟，终将形成属于我们自己的设计风格与理论体系。