能被理解的信息才是有用的信息，这就是 Inforgraphics 的意义。什么是 Infographics，简单说，就是将复杂的数据视觉化，Infographics 的真正意义是通过视觉化的图形，展示数据中蕴含的东西，它的趋势，分布，它隐藏的意义，或者单纯的数据之美。
用图形表达抽象数字或意义，就是 Infographics 的日常渊源。最早可以追溯到数百甚至数千年，比如原始人的壁画。
如今，Infographics 用在社会的各个领域，数学，地图，新闻媒体，教育，旅游，医药，政治，乃至宗教。人类的大脑更容易通过表象看到其背后的东西，这就是可视化表达，或者 Infographics 存在的意义。
Infographics 是信息，数据，以及知识的一种视觉表现，当人们需要更清晰无误地表达复杂信息的时候，会首选想到图形。传统的 Infographics 可以是诸如标志，地图，图解等视觉元素，以帮助人们理解文字内容，这些视觉元素更多是代表来自统计结果的一系列数据，而现代 Infographics 则更富有创意和想象力。
Infographics 的设计遵从以下原则：
Infographics 必须非常容易理解，即使是孩子也能明白其表达的意思。
它表达的是那些被隐藏的，不清晰，不明显的信息。
它的视觉元素用来帮助理解信息中包含的意义。
它必须是独立，无歧义的。
它需要为阅读者传递正确的意义。
以下是 Infographics 的分类图：
能被理解的信息才是有用的信息。
Infographics 表达的是信息，没有信息，Infographics 就没有意义，因此，你必须非常认真地组织你的信息，要完整，系统，准确。
如果你的 Infographics 比原始数据还难懂，它就没有存在的意义。要简单，清楚。
人们浏览 Infographics 的时候，需要能够从各种视觉元素中找出因果关系。
你的 Infographics 必须主题明确，一幅 Infographics 图只是解决一个问题，不能面面俱到。
色彩在 Infographics 中占据非常重要的地位，为自己的 Infographics 设计一套配色方案，使读者更容易从颜色的对比和延续中，理解你的意思。
这些元素的结合使用可以使你的作品更吸引人。
<a href="http://www.axiis.org/">Axiis</a>
基于 Flex 的数据可视化工具，准确，表现丰富。
<a href="http://timepedia.org/chronoscope/">Chronoscope</a>
对于海量数据的可视化，这个工具值得一试，包含一个 JavaScript API，可以同 Google 的电子表格，iGoogle 以及开放社会网络集成。
<a href="http://www.adobe.com/devnet/flex/tourdeflex/web/#docIndex=0;illustIndex=0;sampleId=0">Flex</a>
<a href="http://www.jscharts.com/">JSCharts</a>
一个 JavaScript 图表工具，拥有很多模板。
<a href="http://code.google.com/apis/chart/types.html">Google Chart API</a>
Google 的图表 API。
<a href="http://www.dundas.com/Components/Gallery/ASP/">Dundas</a>
.NET 下老牌的数据图表工具。
<a href="http://www.flexmonster.com/flash/help/index.html?file=Examples/sample_ui/grid_chart_config.html">Flex Monster Pivot Table and Charts</a>
提供 Flex/Flash 数据透视表，用于 RIA 应用的开发。
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15个精美的 HTML5 单页网站作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35个让人惊讶的 CSS3 动画效果演示</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞！30个与众不同的优秀视差滚动效果网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25个优秀的国外单页网站设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅！8个惊艳的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶！35个很漂亮的国外 Flash 网站作品欣赏</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34个漂亮网站和应用程序后台管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观：）</a>
欢迎任何形式的转载，但请务必注明出处。