信息可视化设计中的动态视觉语言研究

第1期2019年1月No.1January，2019

1 概述

网络的出现和计算机技术的提高为信息的传播提供了更多的渠道。面对海量数据，如何从中快速、高效地获取有用信息成为各学科领域争相探讨的话题，信息可视化无疑是最有效的方式。信息可视化旨在研究抽象数据信息（包含数值数据、非数值数据）的视觉呈现，合理删减信息总量，对复杂信息通过图像化和分级进行简单化，再对分级后的简单信息进行图形设计，优化传递。

过去，常规的信息可视化方式都是采取信息图表、信息图形等静态的方式表现，而现在却利用动态图形的演绎方式让人们在获取信息的同时得到视听享受；过去，信息的传播往往都是单向的，很难与受众产生互动和交流，而现在信息的传播不但可以是双向的，并且每一位接受者都可以转换为传播者的身份，使得信息如病毒般传播。在信息可视化中，可以采用的视觉对象不仅是文字，还有色彩、图形、图像、动画等，如何通过动态视觉语言传达视觉对象的语言、逻

辑、时空、意蕴，是当前研究的热点[1]

。2 动态视觉语言的构成2.1 实时数据

信息由多个数据组成，数据是信息可视化设计的根本所在。实时数据主要在信息图表的内容中呈现，数据可以使信息图表更具有科学性与说服力。信息图表中图形与数据的结合，将信息内容的大小、高低、多少的动态变化通过实时更新的趋势图呈现给受众，让用户清晰准确地理解数据变化趋势。除此之外，在其他信息图表中出现的相应数据，也是对文字信息内容与图表内容进一步的解释，无论在哪一类型的图表中，数据的存在都会增加受众对动态信息图标的可信度。2.2 动态文字

文字在信息可视化中主要起解释、补充说明的作用。随着动态效果的愈演愈烈，动态文字也开始作为一种新的图形符号进入用户视角。动态字体是在静态字体的基础上发展起来的，根据传达内容的变化和时间次序要求进行动态编排的一种字体。字体的动态化在新媒体的推动下，其单位信息的传播强度优势明显。视觉语言中动态字体除了可以更有力地从时间、节奏、运动上引领受众的视觉和情感走向，动态字体也能体现字体主观上的拟人化，加强了语言和情绪运用，传达文字意义以外的更多信息。2.3 色彩元素

色彩是信息可视化最基本元素，在信息可视化设计的过

程中起着举足轻重的作用。通过色彩之间的色相、明度和饱

和度的不同，形成鲜明的色彩对比，使其具有强烈的视觉冲击力。人脑思维在长期的生活积累和认知习惯的作用下，会形成一套相对固定的色彩感知，当受众感知到这一色彩对就会形成一定的心理暗示作用。色彩元素的使用在信息表动态可视化设计中不仅是一种装饰，更是呈现信息内容的重要辅助手段，选用合理恰当的色彩，不仅可以对一些抽象的数据、概念等内容加以表达，还可以对相同的元素或者属性通过色彩进行对比、分类，以达到对信息内容强化的作用。2.4 动态图形

动态图形的主体是变化的图形，是信息可视化中最基本的动态视觉元素。用户对图形有着先天的敏感度，研究表明：人的大脑每天通过5种感官接受外部信息，其中通过视觉感知信息高达83%。在这个信息爆炸的时代，传统的静态图形已经不满足受众对信息的需求，受众对动态化的信息传递更感兴趣，面对动态图形时有更高的认知积极性。此外，动态图形作为信息可视化构建、传达和表示复杂信息的图形图像手段之一，动态图形比文字、静态图形等其他的视觉表现形式承载更多的信息，不但能表现整体的趋势，还能对运

动和轨迹信息进行细节展示[2]

。2.5 动态影像

对于复杂的信息表达来说，仅靠颜色和图形是不足以使人理解的，而以运动镜头组接的动态影像才是最直观、有效的视觉表达方式，不仅如此，动态影像还具有一定的趣味性，比颜色和图形更容易吸引受众。针对同样的信息，动画会比静态图像表达更多的细节和情节过渡。动画最大的优势就是添加语音和交互功能。语音是第二认知通道的载体，同时通过视觉和听觉的双通道模式展示信息，可以让受众更好地理解信息。交互则是动画通过第三认知通道即体觉控制信息识别，采用重放、慢放、回放、暂停或改变方向等设置理解复杂信息，便于受众分析、重复观看和重点理解，帮

助用户有效地管理自己的信息需求[3]

。

3 动态效果在信息可视化设计中的表现特征3.1 复杂信息简单化

信息图表动态可视化的一个特征就是将复杂的信息简单化，即：文字、数据、抽象与非抽象的概念等信息变为更加简洁化、逻辑性和直观化来接受信息。在可视化设计的过程中，复杂的数据信息、地点的描述、时间的变化，利用相关的图形来替换信息的内容，设计出符合受众心理、简洁、准确、易懂的信息图表。

作者简介：涂凌琳（1981— ），女，湖北宜昌人，副教授，硕士；研究方向：数字媒体艺术。

摘 要：文章首先介绍了信息可视化的概念与发展现状，然后对动态视觉语言的数据、文字、图形、色彩、动态影像5个构成元

素进行研究，接着分析了动态效果在信息可视化设计应用中的表现特征和利弊关系，最后总结了动态视觉语言在信息可视化设计中的简洁化、图形化、节奏化和交互性的设计原则以及“动态”的不同呈现方式及设计技巧。关键词：信息设计；动态；视觉元素；设计原则信息可视化设计中的动态视觉语言研究

涂凌琳，张 莉

（华中师范大学 教育信息技术学院，湖北 武汉 430070）

无线互联科技

Wireless Internet Technology

第1期2019年1月

No.1 January，2019

3.2 表现形式直观化

信息图表动态可视化设计的又一个特征是表现形式直观化。不论是在工作中还是在学习中或者业余活动中，都需要以最快的时间和方式来获取信息，利用动态信息图表可以更加直观、形象、生动地呈现信息的全部内容，使得受众对信息一目了然。成功的动态信息图表，这样的特点是不可缺少的，也就是说，受众不需要花费大量的时间来研读其内容，而是需要用最短的时间来获取所需要的信息。此外，在满足信息需求的前提下，信息图表的动态可视化设计要尽可能美观、富有趣味性[4]。

3.3 趣味生动优势力

相比较静态视觉语言，动态效果的添加不仅在视觉表现上更具有张力和表现力，在信息的传播过程中也更容易让用户接受与认可，极大地提高了信息的交互性和理解程度。运动的物体相比静态的图形在表现形式上更具有趣味和形象性，更容易引起用户的注意力，激发用户的学习探索欲望与兴趣。动态的表现形式在信息识别上也具有得天独厚的优势，通过连续的静态图形或者动画模拟物体的位置、大小、颜色等运动轨迹，动态地展现出物体运动过程。动态化的视觉展现方式还有利于因果关系和指向性的表达，通过分镜头和分段的视觉处理手段，可以更高效引导用户对信息的视觉感知和结构理解。

4 动态效果设计原则

4.1 信息简洁化

人们短时间内能够接受、处理和记忆的信息量非常有限，特别是对抽象概念或不常用的数据。信息可视化设计最主要的目的是快速有效地向受众呈现信息内容，对信息处理的首要原则就是信息的简洁化。一是对原始信息进行简化，繁杂错综的数据信息中抽离出核心信息、关键信息点。二是对展示的动态元素进行简化，删除与信息无关的动态变化元素的展示，确保合理有效的动态效果[5]。

4.2 内容图形化

信息中的数据、概念、时间、地点等抽象概念通过隐喻思维进行图形图像化处理，形成认知心理联系，减少认知负荷。内容图形化的类型一般分为已经约定俗成被受众所接受、认可的图形和根据隐喻思维对受众所熟知的事物进行相似性延伸的图形。隐喻思维是指通过已知的或者熟悉的事物意向表达抽象的知识。对于抽象的概念用约定俗成或者受众固定的认知图式来表示，容易获得受众的认可和信任，可以加速信息的传播，减少受众认知负荷。

4.3 运动节奏化

在信息可视化的视觉表达中，动态地将相互分离的各种信息传播形式巧妙地融合在一起，进行有节奏的信息处理。动态可视化设计最突出的特点就是“运动”，动态能通过运动来拆分整个画面，通过变换颜色、形状使画面更具视觉冲击力，同时将信息内容深刻地传达给受众。以动画为例，首先要从可视化内容和结构切入，依据信息展示特点进行节奏的把握，继而确定动画情节出现与消失的时间、动画持续的时长、展示的频率等要素。

4.4 互动交互性

直接与信息进行交互互动是帮助用户正确理解动态信息的重要途径。交互注重用户多角度、全方位体验，通过第三认知通道即体觉控制信息识别，通过重放、慢放、回放、暂停等设置对动画不同段落、不同复杂程度的信息认知进行处理，便于受众分析、重复观看和重点理解，帮助用户有效地管理自己的信息需求。互动模式让受众拥有更多的自主权，受众可以自主选择、决定观看的内容和时间，这种互动模式是一种深层次的互动，用户不再是被动去接受信息，而是主动地参与，交互式的体验，可以帮助人们更好更快速地获得信息、理解信息[6]。

5 结语

和传统静态的信息可视化设计相比，动态信息可视化设计有着诸多的优势，但在对信息进行可视化设计时，选择何种表现形式最终取决于信息的内容、复杂程度、自身结构类型以及所包含的关系或演示步骤。不能单纯为了设计而设计，形式服从于内容始终是设计的根本所在。同时，动态设计要立足于受众的情感体验，注重用户多角度、全方位体验，用户不再是被动去接受信息，而是主动地参与，帮助人们更好、更快速地获得信息、理解信息。未来可视化的发展趋势必将是可视性、交互性、多维性，随着科技的发展，VA和AR 等可穿戴的体感交互也将成为信息可视化的重要技术手段。花费最少的时间，获得最有价值的信息，始终是信息可视化设计的目的所在。

[参考文献]

[1]王怡人.大数据与信息可视化文献综述[J].工业设计，2018（4）：121-122.

[2]李升锐，张志，王星，等.信息可视化：动画的多维可视化[J].电子商务，2018（2）：54-55，57.

[3]叶国庆.动画在信息可视化中的应用[J].戏剧之家，2014（11）：230.

[4]康剑，李轩.运动的数据—基于动态视觉的信息图表设计应用与研究[J].设计，2015（19）：27-30.

[5]杨璇.形成信息可视化动态视觉表征认知负荷的因素和消减手段[J].装饰，2017（5）：114-117.

[6]徐永顺.浅析基于隐喻思维的信息可视化设计方法[J].数字技术与应用，2017（3）：181.

Research on dynamic visual language in information visualization design

Tu Linglin, Zhang Li

（School of Educational Information Technology, Central China Normal University, Wuhan 430070, China）Abstract：Firstly, the paper introduces the concept and development status of information visualization. Then researches on five components of data, text, graphics, color and motion image of dynamic visual language. In addition, analysis of the performance characteristic and the pros and cons of dynamic visual language in the application of information visualization design. Finally, the design principles of simplification, graphics, rhythm and interactivity of dynamic visual language in information visualization design are summarized, and different presentations and design techniques of “dynamic”.

Key words：information design; dynamic; visual elements; design principles

无线互联科技·设计分析