视觉图形在信息可视化信息设计中的应用

张欣+朱长永+黄蓉

【摘 要】信息可视化作为计算机和设计专业的一个新兴交叉学科，如今受到越来越多的关注，而视觉元素作为信息可视化设计中不可缺少的载体内容起着至关重要的作用。在本文中笔者首先阐述可视化信息设计的概念、分类、以及内涵，然后从设计学的角度阐述视觉元素对信息可视化设计的重要性以及运用视觉元素时要主要的问题。

【关键词】信息可视化；视觉元素；用户体验

1 信息可视化的概念

信息可视化的萌芽最早可以追溯到20世纪90年代的德国，1989 年由斯图尔特·卡德、约克·麦金利和乔治·罗伯逊提出来的。信息可视化被用以将复杂的信息转化为清晰明了的视觉表述，简单的说信息可视化设计将抽象的数据解析并转化成直观的视觉图像。信息可视化设计可以帮助用户减少认知时间，更快的让用户了解数据背后的含义。一般而言信息可视化分为两个方面的内容，一方面是偏重于信息架构， 强调信息组织和分类数据， 其概念上和视觉上与功能、导航、交互相关。另一方面的信息可视化设计偏向于信息图形的视觉化展示，比如，我们常见的图表等，不同于第一种的信息设计，可视化信息更加强调设计感，有的人认为信息可视化是一种艺术形式，常常将信息可视化与传统的绘画混淆，事实上，两者有本质的区别，传统绘画更加注重艺术表现，而本文所研究可视化信息设计更加理性和科学，比如插图、信息图形虽然也会用到视觉语言， 但更多的是数据的交互、映射以及符号的象征。特别是数字媒体设计领域中的“信息设计”简言之就是信息科学的图像画和数据的可视化。

信息可视化设计的出发点是通过视觉化的方式将信息传达给用户，传统的视觉传达往往应用在广告设计、书记装帧等领域，从本质上来说， 信息可视化的过程就是从抽象的信息到可视的形象的转化过程。在设计数据对象的可视化过程中，需要将非空间的抽象信息转化为有效的可视化形式，并通过人机交互的方式让用户感知。

2 视觉图形在信息可视化的应用

信息可视化作为一个交叉学科，应用的领域包括建筑， 气象， 医学， 生物等， 强调的是界面逼真的效果，照明光源等等， 近年来随着智能便携产品的诞生，信息可视化应用领域也愈来愈广泛，APP、网页、智能手环等等。网页信息可视化，通过直观清晰的视觉界面以及人与信息的互动方式，为用户完整的信息。近年来微信针对智能设备推出了自运动计步数据库的公众账号，该公号通过丰富的可视化信息图表和体验良好的交互计，让用户可轻松方便地查看自己的每日步行数字。与此同时微信运动还可以数据可视化与社交网络相连接，用户通可随时通过过朋友圈直观地和自己的好友比较每日步数情况，大大激发了用户的运动欲望，微信运动APP充分显示了开放的信息传播与高效的信息图表结合，通过用户与好友之间的耦合联系，迅速加快了信息的传播速度。（如图1所示）

在微信运动的案例中信息可视化的视觉语言包括图形、符号、文字和数字。这些视觉语言是可视化信息设计中的基本语言，也是是信息设计的重要组成部分。视觉图形能将信息图表的内容表达得更加形象、具体，方便用户直观地了解、阅读；而符号所起的作用则有一定的象征意义，比如微信运动中爱心符号常用来表示点赞，红色的爱心符号表示用户被朋友点赞，增强了用户排行信息的辨识度，使符号更加简单，在视觉上更加直观，易于人们理解；文字能对信息图表的信息内容作出具体的说明，补充视觉图形难以表达的内容；数字在微信运动中是必不可少的，主要用来说明用户当前运动步数，在可视化信息中数字剋表达图标中的量，给用户一目了然之感。

3 信息可视化的设计要点

信息可视化设计中的视觉造型实际上就是对信息的具象化呈现，通过一些简单的、辨识度高的图形将所要传递的文字、数据等信息中的内容表达出来。费尔南达·维埃加斯曾经说过“信息可视化当它作为一种交流时段时， 它不仅改变了设计语义，还拓宽了条状图、图标以及图解的可能性。”信息可视化作为现代社会传达信息的一种重要手段， 实际上除了可以采用传统图表来作为视觉表达和呈现的形式之外， 还可以在这个过程中加入富有设计感的图形， 以此来使得所传达的信息更加的生动、形象，比如两会期间的诸多新媒体纷纷尝试可视化的方式为用户解读的两会，可视化的界面视觉上更“酷炫”，让数据看起来更美观。因此在设计可视化信息时要遵循以下原则。

3.1 清晰简洁

好的信息设计是思路、层次清晰的可视化。信息可视化所具有的信息图形功能是将复杂的信息简单化。在可视化信息设计中，友好、准确的感知体验给用户带来的舒适、愉悦的心理感受。界面中交互式的信息可视化要求设计者对数据和信息等进准确清晰的分析后，转化成简洁的视觉表达以提高信息的可视化。好的可视化设计可以帮助用户直观地选择和感受信息，缩短认知时间，而不准确的图形设计则会导致用户对信息概念的曲解。

3.2 符合用户认知模型

由于用户群体的不同，图形在传达相关信息时会出现一定的偏差，容易让人误解，因此，在信息设计时就需要对信息进行理性归纳，使信息更加符合用戶认知，而不只是单纯地堆砌几何图形。设计的过程中，要判断哪些信息是应该包含的， 哪些信息可能会分散用户的注意力而必须摒弃的， 并根据用户认知模型做出理性的选择确保设计的科学性和合理性。

3.3 富有美感

信息可视化除了要清晰、准确的传达信息之外，在视觉上要富有设计美感，否则难以在吸引用户关注，随着视觉图形设计的不断发展，用户对于界面的美观性要求也越来越高，简单的几何图形并不能刺激用户的阅读兴趣，要赋予界面色彩、动态掩饰、声音等方式，将抽象的数据生动的展示出来，形成一种人性化的人机互动模式。

4 结语

信息可视化的给人们提供了一种获取信息更为有趣的方式。它以计算机图形学为依托，同时借鉴了设计学的表达形式，更好地帮助人们理解信息的含义，同时带来了愉悦的视觉享受，信息可视化之美，不仅仅体现在知识的认知方面，它使得越来越多的跨学科交流有了新的诠释。

[责任编辑：朱丽娜]