解析信息图（The Anatomy Of An Infographic）

——绘制精美信息图的五个步骤

　　英国哲学家弗朗西斯·培根（Francis Bacon）曾经说过“知识就是力量”。的确如此，但在多数情况下，知识常以一种枯燥而乏味的形式呈现在我们的面前。而信息图（Infographics）的出现，正在改变这一局面，它以一种视觉上的新奇愉悦的阅读体验，使承载的信息得以更加有效的传递，并被快速理解和吸收。而知识通过信息图这一载体的传播，不仅拥有力量，而且极具美感。

　　信息图的应用让地图更加性感，使生涩的统计数据充满活力，也让我们在教室里即可形象的理解各种物体的结构...，随着网络的普及，信息图今天已经越来越多的被应用到各个领域。

　　OK！抒情完毕，转入正题。:)

　　今天图表汇就结合来自悉尼的设计师Seneh童鞋的一篇旧文，解构信息图的构成要素及其设计要点！

　　本文以Jane Genovese设计的“Doing Something for Solving Global Warming”信息图为例浅析信息图的主要构成要素和设计要点。

｜信息图的构成要素｜

　　如上图所示，一张完整的信息图主要由内容、可视化元素和知识三部分构成。其中，“内容”又包括信息，及其可用性（时间范围）和可信度（参考文献）等三个方面；可视化元素则有参考图标（Reference Icons）、图形（Graphics）以及颜色编码（Color coding）等，颜色编码在信息图设计中起着至关重要的作用（下文详述）；知识则是指事实真相，以及数据分析得出的推论。各个层级部分间的对应关系如上图单、双向箭头所示。

｜信息图设计的五个要点｜以上述思维导图为例。

　　1、搭建框架，建立流程图。

　　确定主题后，首先将需要呈现的相关信息成组排列（或层级对应），并通过箭头确定之间的关系，梳理出信息的主要骨架；然后使用流程图将各组内容关联起来，使其层次分明，清晰易懂。

　　2、设计配色方案

　　如上图，绿色（线条或图标）表示“可行”，红色则表示”不可行“。

　　如前所述，配色方案在信息图中起着非常重要的作用；从设计心理学的角度看，色彩比形状更容易让人印象深刻。在信息设计中，色彩与图形和文字的组合搭配成就了很多优秀的信息可视化作品。

　　在信息图设计中，你可以视设计需要自由选用两种颜色、三种种颜色，甚或是十余种颜色，但在进行绘制信息图之前，需要提前将各信息通过配色设计进行编码组合（而不是见招拆招的即兴选择），这是很重要的一个步骤。

　　另外就是要尊重常识，比如本例中的两个颜色的选择就是基于“红灯停，绿灯行”的常识设定的，如果将其调换，则会让人感到不舒服。

　　3、图形与图标

　　在信息图中一般有两种形式的“图形”，即“主题图形”（Theme Graphic）和“参考图形”（Reference Graphic）两类。

　　主题图形。一般指以图形的形式用来展示所需表达的信息，信息以图形的方式进行排布、传递，比如我之前发过的一篇帖子“全球木材进出口关系信息图”，就是将进出口国家、数量、进出口关系等信息通过设计整合在一张图形中进行展现。

　　参考图形。也称为“图标”，通常用于指代（隐喻），表分类等一般常识性的信息，如本图中的“红色叉号”和“绿色对号”所隐喻的“不可行”与“可行”。

　　4、受众与数据分析

毋容置疑，每张信息图在绘制之前，都需要进行受众和数据分析。

 通过对目标受众的年龄、教育程度、偏好习惯等有了清晰的了解之后，才能确定选用何种风格、简繁至何种程度，选用什么样的配色体系等，这样才有可能设计出真正被需要的信息图佳作；数据的分析是在信息图设计之前就必须完成的另一重要步骤，通过数据获取、分析、挖掘等主要步骤，得出有待被设计的“有用信息”。

　　5、知识

　　强调重点信息是信息图设计中常被忽略的（没有强调），也是经常被滥用的（太多强调，等于没有强调）。一般可通过形状、大小、颜色、格式等方式进行重点信息（或知识）的强调。

　　比如，对于圆形布局的信息图而言，一般会将重点信息放置在正中位置；对于水平布局的信息图，一般会将重点信息放在最左侧开始处，或最右侧的结尾处进行强调。

　　还有一点就是素材的选用和色彩的配置要贴合信息所要表达的主旨和情感。比如在一个讲述关于童工遭遇现状的信息图设计中，多使用的是沉重的色调，而不会选用欢愉的色彩。

｜总结｜

　　总之，一张信息图可以通过设计，制作成仅表达单个信息的图标式信息图，或是可以容量大量信息的系统性信息图。无论如何，对于其受众来说，好的信息图永远都属于那种让其易于理解，获取新知，并具愉悦的阅读体验的一类。它既是阅读者的评判标准，也是信息图绘制者的设计标准。

　　如有兴趣，不妨自己定个选题，尝试一下？

via Seneh [a designer from Sydney, Australia]

Link: The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual

——以上内容来自：http://blog.sina.com.cn/huangyu4124

http://www.labsmedia.com/clickheat/index.html   工具则是：ClickHeat    网站热点图   一个网站什么位置应该放什么内容 不知热点图如何更合理利用

http://www.linezing.com/blog/?p=981   1淘量子工程师博客   好多东西都很有启发 

http://blog.sina.com.cn/huangyu4124  信息图可视化

六度分割理论告诉我们，地球上任意两个人之间所间隔的人平均不会超过六个。

基于微软人立方关系网，我们推出了六度搜索。您可以通过六度搜索方便的找到互联网上任意两个人名的关系路径。如果您对系统自动推荐的六度搜索结果不满意，您还可以和系统进行交互，直到找到您满意的关系路径为止。您也可以把找到的六度关系分享给您的朋友，让他们来验证或修改这条关系链。

——微软人立方截图  http://renlifang.msra.cn

  再次基础加以延伸给客人包裹所含单据

1. 发货单 

2. 感谢信

3. 促销单