图解的艺术――信息可视化运用

　　图解的艺术——信息可视化运用 信息爆炸的今天人们身边挤满着各类数据，可视化的方式能在这堆容易被忽视的繁杂数据油田里挖掘出故事告诉大家。这就是信息可视化的魅力所在。 信息可视化，最早源于数据可视化，也就是我们熟悉的那些饼图、直方图、散点图、柱状图等最原始的统计图表。这里不细讲历史理论和纠结专业术语，再此贴一篇来自UCDchina关于信息可视化的介绍博文，有兴趣理清概念的可浏览。

　　以前信息可视化在大众们听起来异常高深莫测，涉及着制图学，图形绘制设计，数据采集，统计学，图解技术等等等。而近几年，因为世上的可爱设计师们，把这样一个原本冷酷而机械的科学类图解变成平易近人而极具吸引力的“艺术品”，这也是最近信息可视化流行起来的原因。今天咱们聊的，就是这些运用信息可视化思维制作的“艺术品”。

　　 在此把信息可视化分成两种常用的设计类型，一是呈现数据，二是陈述观点。

　　 1:呈现数据
设计师用直观而极具美感的视觉表现方式把数据呈现出来，读者在观赏这件“艺术品”的时候自然读到里面蕴含着一些有趣的故事。 (就例如看facebook用户连接数的可视化，能看到连线再美也连不进中国版图。)

　　Facebook全球用户连接数：

　　qq的实时在线人数的可视化：

　　除了上述的两个基于地图的可视化，各种将传统统计图表经过再设计，图形美化，形象化的可视化都属于这种类型。

　　各种呈现数据类型可视化：

　　互动式数据呈现

　　在数据呈现类的可视化项目中，设计师工作是要吸引读者能自发挖掘数据里的故事，所以除了数据的视觉美化外，还会考虑读图体验的设计，也就是常用可交互方式来呈现整个可视化。

　　这里分享个案例：《university-autonomy》

　　university-autonomy网站主要让读者清晰快速对比欧洲各国大学的自治状态，偏向阅读功能性。网站分别把四类自制状态配以不同颜色：组织自治(橙色)，金融配置(红色)，教职任免(紫红色)以及学术自制(深紫色)。并且都有各自小图标表示，为降低阅读成本，每个代表国家也在地图上呈现。浏览时可以点某一国家浏览数据，也可以直接点击四类其中一类来观看各国的对比。例如点开英国，圆型的国旗图标周围散布着四类颜色的点，某一色条上点的多与少表示某一项自治得分多寡。如此对比其他国家，英国在组织自制度上是第一位的，包括自由决定自治组织，各方面的选拔，决定任期以及设定院系内部结构等等。 这种互动式的可视化更重要是优化了数据的阅读体验，想知道数据里的哪些方面由读者自行决定，设计师提供了一个舒适的可视化阅读环境。

　　 2：陈述观点

　　观点陈述类的可视化，就是设计师先对数据分析，把挖掘到的观点直接告诉读者。

　　最常见的就是信息图表和图示视频：

　　a：信息图表

　　例如“人间胸器”的信息图里所说的一些和我们息息相关却没细细研究过的数据，直接告诉读者设计师挖掘到的观点。 “女性正常状态的乳头高度只发挥了3/8的高度。平均扩张后高达五个25美分币高度。”(是不是有点要找硬币试叠的感觉?)

　　人间胸器：

　　此类可视化相比数据呈现类有个明显的优势，就是对于读者来说接受信息更加“简单粗暴”，而且设计起来也较为简便。

　　最近很多游戏在宣传上也尝试了这种可视化方式

　　就例如DNF阿拉德秘史项目

　　结合DNF玩家分析和项目组想要宣传的东西和相应的玩家数据寻求一些观点，例如玩家喜欢讨论天空套，那就挖掘瞎天空套的相关数据，哪些人买了，什么身份，所在城市，这些构成了哪些好玩的观点，并结合观点加入情感化画面表现，以互动网站形式展现。

　　阿拉德秘史第二期——boss的辛酸故事：

　　b：图示视频

　　对比起信息图表来说，图示视频主要是表现手法的不同，对读者的吸引程度也不一样，但这需要一个好的“导演”。

　　这里展示一个Pinterest的可视化视频：Pinterest Statistics Facts

　　Pinterest Statistics Facts:

　　视频设计上非常细腻，包括整体色调和图形动态，细心可以发现里面展示的信息图表设计非常形象，包括pinterest男女用户比例的图表直接拉大女生形象来对比，年龄层的图标用生日蛋糕的蜡烛灯火来做条形图等等，满满有爱的细节耐人寻味。

　　相比信息图表，图示视频会有个优势，就是好的动态演示加上配音，可以弥补视觉设计上的不足， 例如这段《5分钟，让你了解自己都交了哪些税》里提取的观点非常切合民情，观点异常犀利，即使视觉设计一般也能让大家产生共鸣。

　　 可视化设计方法——对比和比喻

　　无论是数据呈现还是观点陈述，对比和比喻是都是可视化设计中最常用的手法。

　　a：对比——有对比就能催生故事。

　　就像Goldstar啤酒广告，设计师把男女上洗手间的整个行为用流程图表可视化出来，因为有了男女对比而让故事耐人寻味。从而让目标受众了解一个观点“感谢上帝你是个男的!”

　　Goldstar啤酒广告：

　　还有上面提到的university-autonomy网站也是让读者对比各国大学数据从而读出观点。

　　b：比喻——把陌生的变熟悉

　　数据给到我们的都是陌生而繁杂的感觉，没人会对一大堆烦躁的数据感兴趣，设计师在数据呈现类可视化设计的时候，多会用比喻的手法，把读者感觉陌生的数据转化为他们熟悉或者有认知度的东西呈现给他们以达到共鸣。

　　This Exquisite Forest是Chris Milk在英国的一个艺术项目

　　先请一批艺术家绘制一个小短片，然后其他参与者可以在网站上不断做上一个短片的接龙。(在此不细讲整个艺术项目，有相关介绍有兴趣可以看看项目介绍视频)

　　这里主要介绍的是设计师利用了比喻手法做的一个可视化网站，把所有艺术家的起始视频比喻为树的根部，往后每个参与者接龙就会生出一支叶子，最终整个网站的视觉由参与者共同生成的，而且很直观能看到那些小短片的接龙者特别多(枝繁叶茂)。

　　This Exquisite Forest:

　　用类似手法的还有这个类比宇宙的音乐操作界面，这里有相关介绍视频

　　它把所有的音乐数据比喻成一个宇宙，音乐播放时长比喻成星球运行轨迹，同样是比喻手法的信息可视化。

　　结语：

　　其实信息可视化是个跨学科领域需要庞大知识体系支撑的研究方向，但并不等于就是离我们如此遥不可及，我们无非是学习一种信息可视化的思维方式，创建那些以直观方式传达抽象信息的手段和方法，用我们设计师独特的视角，从可信的数据油田中挖掘大家喜闻乐见的故事!