信息图表的七种设计

信息图表的七种设计

【编者按】InfoGraphic（信息图表）是近年来逐渐兴起来的一种设计表达，又称Data Viz (数据可视化)，其最大的特点就是将一些冷冰冰的数据及信息以丰富的设计语言表达，在信息能够清晰传达的同时又给人赏心悦的感觉。

所谓一图胜千言，当然，信息图表并不是什么新产物，它其实一直存在，就算在互联网时代以前，很多杂志及报刊在传达数据及信息时就曾经有过类似的设计。

而在很多编辑软件中，我们也可以轻易产生一些柱状及图饼形的数据展示。那与今天所流行的信息图表有什么不同？如果用一句话来表达，那就是，以前的图表着于数据的可读性，而今天在保证数据的可读性前提下，也着重于数据的可观性。

在今天，信息图表已经成为信息有效传达的强有力工具，特别是在外国，无论是大中小型公司，有很多都已经开始尝试用信息图表来进行品牌的构建、公司年度报告设计、向特定客户群传达及进行教育，而且大多数都是通过互联网来传播，使到其资源及面向的人群非常之广，可以说，现在的设计师如何能够出一个好的信息图表已经逐渐成为一项“必须掌握”的内容。而在表现形式上，可以是静态的，也可以利用象FLASH进行交换式展示，甚至是视频展示。

“数读”是网易一个面世时间并不太长的新栏目，声称“用数据说话，提供轻量化的阅读体验”，而该栏目在每期中均采用了以信息图表为主的展示方式，而从出来的效果来看，我个人感觉视觉效果还是非常不错的，基本遵守设计为数据传达服务的设计原则。在本文中，我尝试结合该栏目信息图表设计的一些要点，选择其中的个别信息图表设计来进行分析。

一、不要告诉，要展示！

在《乘机必读，看哪种飞机最安全》一文中，编辑要传达几个重点信息，“危险地点”（飞机发生危险的多发地点）、“危险时刻”（飞行时哪个时段最容易出现危险）、“安全驾驶”（哪种飞机型号相对更安全）、“安全位置”（在飞机上坐在哪个位置相对更安全）及“安全概率”（与其它导致死亡的情况相比）。每个标题都涉及很多数据要表达，但如果只是用文字，这几个意思用几行字就可以告诉读者（但读者有没有兴趣听是另一回事），而本文中编辑在每个标题中都使用了图表来设计，虽然整个设计颜色很节制（仅用了两种颜色），但已经足够引起读者的兴趣。

在设计中，不仅仅是罗列数据，而是进入主题的情景之中，用设计语言形象化地进行表达。上图通过简单的图案形象化地表达从起飞到降落的整个过程，配上数据，让人一清二楚。

图案的放置要符合常理，上图中，飞行次数越多的飞机，就越往右靠。右方的文字整齐排列，如果担心文字离左边的飞机离得太远（特别是下方的几个数据），其实也可以将文字顺着飞机的排列边缘排下来（但这个时候上下数据的对比直观性可能会稍削弱一些）。

通过这张图的表达，收到了仅靠文字很难一下子说清楚的传达。

在《失败的中国式控烟全球四成香烟中国制造》一文中，在细节上通过香烟作为数据的背景，简单直接，而在右则，则进一步形象化地传达出这个数量的对比，这种表达可以进一步加深人们对数据的认识，而不仅仅是知道一个数据。

在《方兴未艾的中国高楼竞赛》一文中，采用了高楼剪影来排列，虽然这种方式非常常见，但既然有效，用多几次也没有所谓：

上述三个例子就是通过真实的图案或模拟事件的情景来表达。

二、打破常规的表达

信息图表在表达上是需要通过充分的设计语言来表达，打破常规的一些表达能够使信息图更容易抓住读者的眼睛，整个图表富吸引力，但在这里，需要留意一点的是，必须避免“设计过度”，不要忘记你的终极目标是数据及信息要传达，最理想的状

态当然是设计及数据得到完美的平衡。

在《中超俱乐部生存状态：贫富差异大，收支难平衡》一文中，设计人员打破了以往通常的柱状、直线图及圆饼，利用圆环来表达数据，能够让人产生视觉吸引力的，同时也与表达的“足球”主题非常契合。

在第一张图的中超俱乐部球员薪金投入对比数据中，利用了圆环作为坐标，通过弧线的长短来形成对比，同时，中心点以足球形象作为视觉焦点，绿色的圆环形成绿茵场的感觉，制造了一个添加其它信息的空间，能够让人一眼弄清主题。但这张图在数据的有效传达上有所欠缺。图上只标出了“广州恒大”（最长弧线）的薪金金额，其余的均没有标出，使到数据上略欠严谨。当然，可以在每个对应的俱乐部的弧线最后标上数据，如果担心位置拥挤，也可以直接在俱乐部名称旁边标识。同时将各个弧线间隔一深蓝一浅蓝来排列，也可以进一步提升信息传达的清晰性。

圆环内部下方通过传统的直线统计图传达其它项目的统计，与圆环结合是一个很理想的搭配及互补。打破常规的表达可以形成一个焦点，所以并不需要在一个设计中所有图表都要出人意表地进行这种设计，否则显得有些凌乱。在本文的其它统计数据中则采用了传统的图表。但颜色却必须一致地应用，这里的蓝绿邻近色的搭配贯穿了本文的所有设计，使整个设计形成清新、和谐及符合主题的气息。

在《中国外科整形数世界第二十年毁掉20万张脸》一文中，只有一张图片，所以这张图片是否能够产生吸引人的效果至关重要。

“数读”的信息图表设计的风格从各期来看是要传达出一种清新、不厚重及低调优雅的风格，所以在很多图表设计上其颜色的选择及数量上均有相似之处。在上图中，有两个整形数据要传达，一是外科手术类的数量，另一个是非外科手术类量，各个类别又细分了多种整形细项。设计师巧妙地使两个类别形成了一个优美的循环图案，圆点的大小与数量的大小形成比例。中结合的中间位置，适时地标出了合计数据。这个合计数据本应是一个重要的数字，如果能够通过其它颜色或方式来强调一下，对整体视觉效果可能会更好一些。颜色通过一种色调的不同明暗色相形成对比，使整体圆点给人更加连贯的感觉。

在《透明的美国政府官员财产》一文中，用下图表达了骆家辉的个人资产构成：

用细格是信息图表经常会采用的手法，非常多的细格构成本身就有一种直观的“数量”感，并且具有一定的视觉冲击力，也给人一种下载模块及系统清理的新鲜感。而下方对比较强烈的深红色是骆家辉的债务部分，与上方蓝色清晰地区分出来。整体给人一种一览无遗的感觉。

三，产生一个视觉焦点

万变不离其宗，与其它的平面设计一样，在设计一些信息较多的图表时，有一个视觉焦点，更加容易使人认清主题，引起阅读的兴趣。

在《中国电影票价占人均收入1/57 为美国的8.5倍》一文中，希望通过数据来说明