信息图表设计的视觉语言研究

闫长浩

摘要：信息设计作为平面设计的一个子集，是近些年来令人关注的专业名词，它的最基本的原则，是对数据清晰而有效的呈现。它通过跨专业和多学科的途径达到交流和传播的目的，并且结合了平面设计、计算机技术、心理学、文化研究等多个领域的技能。平面设计中的图形经常被称为“视觉语言”，这是从信息传达的功能角度对图形的描述。在图形创作过程中，设计师扮演者翻译的角色，将人们多样化的感官体验迅速而准确得转译为各种视觉符号，并由视觉语言引导的体验完成信息的传播。本文对信息图表设计的视觉语言进行研究。

关键词：信息设计；图表；视觉传达；动画

一、信息图表设计的目的

（一）有效的信息传达

要研究有效的信息传达，必须先清楚明白“有效”的定义，在商务印书馆出版的《新华汉语词典》里将“有效”解释为：能实现预期的目标，达到预期的目的；有效用、有效果。信息图表设计的最主要目的就是进行有效的信息传达，其中“有效”包括了准确、清晰、易理解、快速、生动等。使用户在阅读信息图表的过程中，可以准确、清晰的理解信息，使信息可以快速、生动有趣的传达给人们。可以看出，有效的信息传达就是信息图表设计的最基本和最重要的目的。

（二）指导行动

信息图表是对真实已有现象的呈现，已有的信息成为了将来趋势的预测器，给个人或企业提供了有用性指导。信息图表设计使人们通过泛读理解信息图表所表达的大致内容，通过精读来完成对信息细致全面的阅读和理解，使受众准确的理解信息，帮人们消除疑惑。信息图表设计为信息提供了一个全面的解说和绚丽的呈现，使用明确易懂的视觉元素来表述信息，一方面可以进行准确的视觉传达，另一方面可以使人们通过理解信息后指导行动。

（三）情感沟通

1.直观的传达情感信息

与文字不同，信息图表是使用视觉元素表达信息的内容，通过颜色、图形等可以直观的传达出正面或负面情感，例如：红色是危险、停止的象征，蓝色是沉稳、独立的象征。如关于暴力事件的信息图表，红色覆盖在黑色的文字上，给用户的视觉冲击力极强，给用户带来一股紧张的气氛。因此，在情感沟通方面，信息图表占有绝对的优势，它可以快速的影响用户的情感变化。

2.增加用户兴趣

信息图表将枯燥的信息用艺术的手法进行处理，为受众提供了美的享受。在表达意义的同时也增添了美感，实现了形式与功能的结合，增加用户的兴趣，使被动阅读转为主动阅读，从而提高用户的阅读效率。比如：在Tuneglue网站上，查找任意歌手的相关资料，输入歌手名字，点击查找后，呈现在屏幕上的不再是几十页或上百页枯燥罗列的文字介绍，而是表达信息准确、逻辑清晰和色彩缤纷的信息图表，人们可以迅速找到他们想查找的目标，不再需要用户一页页的进行信息的查找，在人们感觉到心旷神怡的同时，也大大增加了人们的阅读兴趣。

二、信息图表的视觉语言概述

1976年，美国学者、著名图表信息设计家理查德·乌尔曼（Richard Saul Wurman）首次提出“视觉信息图表”的概念，他将视觉信息图表设计看作是一种构造信息结构的方式，认为信息结构设计师的根本任务是设计对信息的表达，即信息结构设计师应该能够提取复杂环境和信息中的内核并将其以清晰、美观的方式呈现给受众。视觉信息图表属于图形中的一种，有时它本身就是图形。就像图形难以用语言置换一样，视觉信息图表的内涵也远远超过语言所能表达的范围。如果没有创造性的天才发现图表不仅仅是一种绘制，那么，视觉信息图表就永远局限在简单的数字表格或是曲线图上。

作为一种视觉语言传达方式，视觉信息图表在“坐标”概念之上，将文本形象化、时空层次化、信息秩序化，通过对图像、文字、符号、色彩等视觉元素的综合运用来处理一些单靠文本或数据很难解释的信息间的相对关系，并试图通过视觉语言提高信息传达的感染力、丰富性及交流的效率。不限于常用的数据图表，视觉信息图表的概念所涵盖范围更大，它将视觉审美艺术同量化、准确的数字文本信息结合在一起，用适当的视觉语言将数字与数字间的关系有效地组织和归纳，形成既易于理解又具有戏剧化色彩的图形格式，使人们以最少的时间消耗和最大的趣味性去理解文本、数据所传达的趋势、差别、变化，帮助读者理解过于乏味的描述性文字，无疑，这有益于文本的信息传达。

三、信息图表视觉语言的特点

（一）秩序性

信息图表将信息高度概括总结，通过最为简洁的形式表现出来，但是大量的信息在同一个平面展出，单纯依赖对于人的视觉顺序的运用并不能够使所有人以我们期望的顺序接受信息，個体的差异也会带来一定视觉的紊乱。视觉让信息图表秩序井然，通过时间轴的限定，信息在什么时候出现，出现多长时间都是一致的，受众接收到的信息是统一的可被预设的。

（二）故事性

优秀的信息图表需要构建一个动人的故事，诉说数据背后的信息，通过数据呈现社会、经济、军事等问题，能否激起受众的画面感，是否拥有生动的故事性直接影响着受众对于信息的接受认可度。鉴于动态视觉与动画、影视的联系，动态视觉能够本能地建立故事感，因此动态视觉信息图表能够轻松诉说故事，拥有得天独厚的故事性。

（三）生动性

视觉信息图表的故事性使得其对于信息展现具有生动性。枯燥的信息通过轻松的动态呈现给我们，信息图表本身相对于枯燥无序的信息，加入了的图表设计者的理解而显得更为轻松，再加之动态表现，将视觉动起来，赋予整个信息图表视觉上的生命力。

（四）传播性

动态视觉信息图表采用多媒体、界面传播为主要媒介。数码技术的普及，对于电子产品的依赖，使得动态视觉信息图表的传播更为广泛。物联网、互联网间的互联互通使动态视觉信息图表的传播更为及时。研究表明人对于运动的画面印象更为深刻，动态视觉能够调动多种感官接收信息，使信息的传播更为有效。动态视觉信息图表比传统信息图表更具广泛、及时和有效的传播性。endprint

（五）交互性

动态视觉信息图表的交互性主要体现在：（1）对于数据显示的控制，通过与人交互控制其进度；（2）对于用户体验的注重，让用户能够按照自己喜欢有更丰富的选择；（3）动态信息图表中用户的参与感，从一个被灌输的角度转变成参与者的视角加入动态信息图表中。

四、视觉信息图表设计——营造多维的视觉信息时空之美

视觉信息图表设计有别于其它的视觉传达设计，它将大量抽象的文本、数据信息视觉化，并在提供简单、直观的理解和比较方式的同时塑造独特之美。

（一）语言之美。

神奇的设计往往产生于简单的元素之中，视觉信息图表设计调动文字、构成、肌理、色彩、时间和空间等元素并使之共同作用于信息的再建构。文字作为语言的形态和载体，通过不同的字体来表达相同的文字，能够给读者新颖的感受；信息图表中的图像如插图、照片、点、线、符号等，这些都是视觉的表达，通过设定信息图表的主题和内容来表达其所包含的重要因素；信息图表中的色彩，是表达其思想的媒介，通过不同的配色表达不同的意味；信息图表中情节的起伏所展开的时间及空间，读者在领会文本信息的同时，也可以通过联想中的意境进行空间和时间上的互动。

（二）逻辑之美

就像目录在所有书籍、工程或网站组织结构中所起到的导航作用一样，视觉信息图表设计通过X、Y、Z三轴的相交关系，撑起一个具有横向、纵向编排的信息空间。作者的观点和重点的安排，通过设计者对信息元素的创造和信息结构的调整得以呈现。假如我们把信息物看作是一个充满繁多文本、数据的万花筒，那么，经过设计者不同角度的旋转，万花筒中的信息源便会生成不同的组织结构，从而最终呈现出不同的组合形式，并得到不同的信息结果。

（三）时空之美

视觉信息图表设计是一种极富于想象力的信息设计，在这个神奇的世界中，时间被空间化了，空间也为时间所分隔，时间与空间之间相互共生又相互作用。让一位摄影师在同一时间内捕捉到远在世界两端的社会突发新闻也许不太可能，但距离再远，一张视觉图表也可以让读者将任何并发事件尽收眼底。视觉信息图表将现实与虚拟世界中的事件同时搬上同一个舞台，通过时空的调度、情境的创造、气氛的渲染，造就二重性的多维空间。

（四）意蕴之美

在传达和交流过程中，视觉信息图表无论在结构还是功能上都同语言类似：除体现理性的思维组织和逻辑结构之外，还透过视觉语言中内含的思想和情感，实现一个设计所要传达的意念。如果没有意义的存在，视觉信息图表设计不过只是一种表面的装饰。在理解与被理解之上，文字、构成、肌理、色彩、时间和空间之间，客观文本、数据信息之外，理性思维组织和逻辑结构之中，视觉信息图表设计者们驰骋于想象的时空，运用戏剧化的视觉蒙太奇，带有智慧、幽默感、隐喻性的个性化语言，时而“工笔”、时而“写意”地表现自身的思想和情感，传达对时代、生活的态度，述说着对未来的理想，并试图通过设计的语言来限定、引导、影响人们的感受方式。从语言表达的角度来探讨视觉信息图表之美，会不断从中发现新的诠释方式，然而，这也正是视觉信息图表的魅力与价值所在——“言有尽而意无穷”。

五、视觉语言的表达形式

（一）有趣的图解和示意图

图标、示意图、曲线图等等形式是信息设计中常见的表现方法，创建各种图形符号以转化原始枯燥的信息形式，使之更容易被用户接受。宜家（IKEA）是很好的案例。它有自己的一套视觉经营方式，产品的组装示意图设计出色，由于一种商品在很多国家销售，所以部分说明书里没有文字，只有插图。比如，地板砖的铺法、螺丝的安装步骤等全部是用示意图加以说明。如果把这些有趣的图表样式和动画定格技术进行组合，可以为难懂的内容制作出清晰别致的导航系统，从而为那些对数字、文字信息麻木的用户提供不少惊喜。

（二）“图表式”空间叙事

当代设计杂志常常会将内容拆开分散到页面各处，让文字和图像穿插在一起，为读者营造一种参与性的、非线性的阅读体验。因此会用制表和制图的规则来组织一种空间叙事。信息图表通常会将视觉和文字信息结合起来，同时值得注意的是图表设计本身也是极具符号风格。难以想象图表式的叙事方式出现在动画中会是怎样的视觉体验，当然它绝不是简单的幻灯图片效果。

（三）“图标”风景图

图标是信息设计中常见的表现方式。它可以代表或再现物体、功能和过程，并且可以让人们很轻易地识别出所指代的物体。很多熟悉的图标，如麦当劳的金色拱门标识，都是经过高度提炼的、除去了多余的修饰和细节，只保留了足以传达意义的部分。图标系统通常以几何形模块为基础，它们聚在一起可以创造出无限的形式和视觉体验。图标在动画中的介入是比较独特的，虽然在视觉上与传统叙事动画大相径庭，但它抽象的组织结构可以很好地调度元素之间的节奏比例关系，甚至可以控制整个画面布局，经过规范性重复使用，成为动画中的独特的视觉符号。

六、视觉信息图表设计程序

作为数据可视化的呈现方式的动态视觉信息图表设计，在设计程序上要遵循数据可视化的研究程序。包括信息收集、数据转换分析、图表化表示、信息修饰与动态交互设计五个环节，彼此间相互关联，缺一不可，前一步为下一步铺垫，后一步基于之前的研究而产生环环相扣，每个环节都可以用来检验之前步骤中的设计是否合理、准确。第一、信息收集是与项目相关的数据的统计，这一点与数据可视化是相同的。第二、将统计得来数据以相同的标準进行转换，数据可视化中的数据转换与分析多通过编程控制数据分析的标准，由程序自动完成，动态视觉信息图表对于数据的转换与分析则更多地注入了个人的情感。第三、采取图表的形式呈现整理好的数据，选取图表形式，分析坐标类型，制定出最大最小极限，使得图表在适合的界面内完整地呈现出来。第四、从视觉设计的角度对信息进行修饰，包括对图表视觉风格的设计，各图形、字体、符号等元素的细节设计。最后综合考虑信息呈现的节奏与受众，确定了整个动态视觉信息图表的动态呈现方式，按照数据的分析制订动态脚本，构建动态，通过剪辑调整信息图表的运动节奏。节奏的掌握要配合信息的主次与受众的视觉特性。

七、结语

综上所述，作为视觉设计的新基因，信息图表设计是一种富有潜力并逐步显现出来的、跨越语种屏障的设计语言，它将会越来越多地满足信息时代大众的视觉需求，在吸引日益麻木于平淡的视觉语言且渴望高效的读者注意的同时，创造信息时代视觉的新景观。它的应用也终将会在以书籍传媒为代表的平面印刷媒体、公共环境的导视系统和科研领域的信息视觉化研究等方面的发展中得到普及。

参考文献：

[1]动态图形设计[M].上海人民美术出版社，许一兵，2013

[2]浅谈交互式概念在视觉设计上应用的可能性[J].袁帅.现代阅读（教育版）.2013（02）

[3]图像在视觉设计中的信息传播[J].张琪.群文天地.2013（02）

[4]从看图到读图——媒体中的信息可视化设计[J].吴静萌.新闻研究导刊.2017（11）endprint