能被了解的資訊才是有用的資訊，這就是 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>
歡迎任何形式的轉載，但請務必注明出處。