数字界面中的信息的可视化设计案例研究

成藻

摘 要：移动互联网生活下，大众的碎片化阅读体验对信息的易读性提出了更高的要求，信息传播者如果在碎片时间内不能有效提高大眾对数据信息的嗜求，那么信息的有效传递无从谈起。因此，将文本和数据信息以图像化、层次化、秩序化的方式提炼并加以重新排列就成为必然。本文旨在通过信息可视化设计的实际案例来归纳数字界面中信息可视化设计的思考方式。

关键词：信息可视化；易读性；碎片化

[该文为2016江苏省高校哲学社会科学研究基金指导项目“符号学背景下的数字界面设计教学研究”成果，项目编号为2016SJD760023]

进入21世纪以后，信息爆炸的时代来临，新媒体手段以及互联网对人类生活的浸润使得大众传媒行业“信息超载”现象成为一种普遍，大众对于有效信息的嗜求和文字、数据信息的低易读性形成一组矛盾。而近十年来的移动互联生活和物联网生活带来了一种“碎片化”的生活方式：阅读时间碎片化、阅读方式碎片化。这就意味着用户在浏览信息时，更可能是候车、茶歇、上洗手间的间隙，只能从零碎时间中掏出手机浏览新闻，缺乏一种沉静下来阅读的氛围，那么艰涩的纯数据信息或纯文字信息就完全无法满足这种阅读方式的需求。

信息可视化手段概念正是在这样的背景下被广泛关注起来的新的设计方向。

1976年美国学者、著名图表信息设计家理查德·乌尔曼（Richard Saul Wurman ）首次提出了“视觉信息图表”的概念。他认为视觉信息图表设计是一种构造信息结构的方式，根本任务是对信息的视觉化表达，换句话说设计师需要具备在复杂信息中提取关键信息并重新设计表现形式的能力。从这个意义上来说，信息图表可以超越语言和文化界限来传达信息，并形成更加高效的方案。

而早在20世纪，伴随着城市的工业化进程和现代城市交通系统，这种特殊的构建信息的图表化操作方式就已经出现了。这个例子就是伦敦地铁线路图表的绘制。

地铁路线图在生活中对空间层次的图像化表现与人们密切相关，现今绝大多数城市的地铁线路图遵照的都是伦敦地铁图的绘制手法，即：由英国的工程会图师Harry Beck在1931年绘制的地铁道路方法——所有折线呈45°、90°或135°。之后世界上绝大多数城市的地铁线路图基本遵循此种规律。

（图①的1889年的伦敦地铁图 、图②的2002年的伦敦地铁图及图③东京、④上海、⑤南京、⑥北京地铁线路图）它们都属于信息在空间层次的展示。

2006年，BBC发起了“英国最伟大的设计”评选，超过20万名观众参与了投票，Beck设计IDE地铁线路图名列第二，仅次于世界上最美飞机——协和客机。80多年来，Beck设计的地铁线路图仍被视为新地铁路线设计的标杆。

地铁线路图在20世纪上半叶就被纳入信息可视化设计的工作任务中，不得不承认是因为观看线路图的人所处的时间场合和今天人们的碎片化时间场合极其相似。

进入移动互联时代，数字传媒的工作焦点更是集中在“怎样使人们更方便地获得有价值的信息”上。信息可视化设计实质上是一种视觉化语言的传达方式，将数据文本进行图像化、时间空间层次化以及对信息进行秩序化提炼处理，并通过对各种视觉元素运用来将那些原始信息间的相对关系重新表达。在此过程中，用视觉化语言的传达方式来提高信息传达过程中的感染力及传播效率，同时也形成其特有的形式美。因此有人说原始信息好像是一个万花筒，设计者通过旋转万花筒，筒中的信息源便会碰撞组合成不同的组合形式和完美的画面效果。

在数字互联的大众传媒生活中，信息可视化设计可以同时在时间、空间、逻辑、数据方面给予信息一个秩序化的整理方案。这种方案本身也是符号学的表现方式之一，色块、线条、x轴、y轴分别是能指，们所代表的目的物是所指，因此信息可视化设计的过程其实也是使能指从混乱到有序化的一个过程。

思维导图就是很多行业工作中对信息和思维的一种可视化整理方案。百度百科对“思维导图”一词的解释是：“思维导图又叫心智导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种革命性的思维工具。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接。”（见图⑦、⑧）

通过案例可见的是绝大多数思维导图呈现的是逻辑关系上的层级概念，并且由于适用场合多为工作团队讨论以及教学，边讨论边修改、涂涂画画的工作模式使得思维导图偏重专业性以及逻辑性，因此对于大众传播的意义不是很广泛。

那么大众传播媒介中出现的信息可视化案例的特征我们有必要从大众媒介来认识。

逻辑分析类的展示：（图⑨、⑩图释莆田系如何掌控全国80%的民营医院）

这则案例由腾讯新闻首发，后被各大媒体纷纷转载。第一幅图用六个合伙人作为坐标，用橙、绿、蓝、红、紫、靛六个色的定位标记将全国各个省份的莆田军团划分清晰；第二幅图简单地用家族谱系的方式，将莆田系四大医疗集团之间的师徒传承、隶属关系展现得清晰明了，也使大众对莆田系医疗集团的由来和势力情况彻底了解。

空间层次的展示：华航客机澎湖列岛空难事件（图{11}、{12}）

图像中用两幅中国东南部海岸线简图，将台海范围内从浙江宁波到福建厦门一带的各大城市与台湾基隆、台北、新竹、钓鱼岛等地理位置进行连线并标注公里数，目标是让大众了解事发的地理位置以及与台海直航各地的航线距离。

数据内容的展示：台湾空难各航空公司数量统计表（图{13}）

台湾空难各航空公司数量统计表更为简单清晰：这则案例先用八个安全帽标志标注了八起ATR72这款机型自1994年至今发生事故的次数；然后又用柱状图块标注台湾七大航空公司的空难次数。对于成组数据内容的展现，用柱状图表、饼状图表、折线图这样的表达方式非常化繁为简、返璞归真。

时间节点的展示：美国总统大选时间表（见图{14}）

这个设计也非常直接，以x轴为脉络，从左至右地标注2012年10月大选之后开始的每个时间段的政治事件和工作规划，一直延续到2013年3月。在这个过程中以x轴的刻度长短来表现每项工作之间的间隔时间，表述十分的精准和严密。

数据信息的展示：SK-II“神仙水”对各方面肤质的改善指数（图{15}）

SK-II“神仙水”在各个平台广告中出现的五边形雷达图表是一个典型意义上在新媒体和传统媒体上同时获得成功的视觉可视化设计案例。设计师用一个改良化了的深红色五边形雷达图表将产品的五个诉求点展示出来，光线色调都与SK-II的品牌VI一致，形成一种精致、统一的画风，为产品增色不少。

以上这些都是信息可视化设计中比较成功的案例，之所以取得成功很重要的一点是得益于它们在大众平台上的传播效果，设计师不仅在核心信息的整理和把握上化繁为简，更体现了可视化图表的核心价值：“言有尽而意无穷。”要达到这一点就要了解到这种图像化的表征方式实质上也来源于符号学的传统。

卢少夫在《图表设计的市场效应》一书中就对信息图表设计做了归纳：“图表是指将某种理性的观念事物以视觉图形的形式制作而成的并带有某些表格特征的符号。” 而信息可视化的图表设计也是正以符号形式表征所指信息，完全符合符号学理论。

信息可视化设计需要一种特殊的设计思维，它是在做将信息符号化的工作，这种设计思维实质也是对能指符号的挑选、组合、整理。信息可视化设计从符号学理论来看也是用能指符号对所指信息源进行提炼、整合、设计的过程，在这个过程中所指的信息源由无序状态转化成为能指符号的有序状态，并形成自己特有的形式美。

参考文献：

[1]卢少夫.图表设计的市场效应[M].上海：上海人民美术出版社，2002.

[2]胡飞.设计符号与产品语意[M].北京：中国建筑工业出版社，2014.

[3]罗兰巴特.符号学美学[M].沈阳：辽宁人民出版社，2010.

作者单位：

金陵科技学院