如何製作 Infographic 資訊圖表？

01-16

平時很喜歡看這樣的圖片，它是怎麼做出來的，用了哪個軟體么？多謝指教
圖：http://p3.zhimg.com/2c/93/2c932778e9f536135a113bbbe272b903_m.jpg

轉載一篇非常非常好的文章，幾乎完美，由於圖片過於翔實，超過知乎上限，我就先複製開頭，剩下的你們去原文鏈接看 http://blog.renren.com/share/281122816/14269820933?from=0101010202ref=hotnewsfeedsfet=102fin=7ff_id=281122816

======================================================================

《數據可視化是怎樣創造出來的？》 關於作者：

Cameron Chapman 是一名專業的WEB和圖像設計師。擁有超過6年的從業經驗。她為很多blog寫作，包括她個人的 Cameron Chapman On Writing。同時也是《 Internet Famous》一書的作者。

我多次被炫目的數據可視化或信息可視化震驚，在我知道這些圖片背後的數據來源和創造歷程後，更是為之詫異不止。它涉足製圖學、圖形繪製設計、計算機視覺、數據採集、統計學、圖解技術、數型結合以及動畫、立體渲染、用戶交互等。相關領域有影像學、視知覺。空間分析、科學建模等。

這是創造性設計美學和嚴謹的工程科學的卓越產物。用極美麗的形式呈現可能非常沉悶繁冗的數據，其表現和創作過程完全可以稱之為藝術。所以我翻譯了來自SM上的3篇數據可視化和信息圖形的文章，主要是鑒賞並提供一些參考資料。我盡量查找了每張數據圖表背後的背景，添加了標註和說明，希望那個幫助讀者更深入地理解這些圖表所呈現的含義，而不僅僅是停留於對「好看」的讚歎上。這些圖片不會說話，但它們比文字和語言都更為有力。

數據可視化 Data Visualization 和信息可視化 Infographics 是兩個相近的專業領域名詞。狹義上的數字可視化指的是講數據用統計圖表方式呈現，而信息圖形（信息可視化）則是將非數字的信息進行可視化。前者用於傳遞信息，後者用於表現抽象或複雜的概念、技術和信息。

而廣義上的數據可視化則是數據可視化、信息可視化以及科學可視化等等多個領域的統稱。

數據可視化起源於1960s計算機圖形學，人們使用計算機創建圖形圖表，可視化提取出來的數據，將數據的各種屬性和變數呈現出來。隨著計算機硬體的發展，人們創建更複雜規模更大的數字模型，發展了數據採集設備和數據保存設備。同理也需要更高級的計算機圖形學技術及方法來創建這些規模龐大的數據集。隨著數據可視化平台的拓展，應用領域的增加，表現形式的不斷變化，以及增加了諸如實時動態效果、用戶交互使用等，數據可視化像所有新興概念一樣邊界不斷擴大。

而我們熟悉的那些餅圖、直方圖、散點圖、柱狀圖等，是最原始的統計圖表，它們是數據可視化的最基礎和常見應用。作為一種統計學工具，用於創建一條快速認識數據集的捷徑，並成為一種令人信服的溝通手段。傳達存在於數據中的基本信息。所以我們可以在大量PPT、報表、方案以及新聞見到統計圖形。

但最原始統計圖表只能呈現基本的信息，發現數據之中的結構，可視化定量的數據結果。

面對複雜或大規模異型數據集，比如商業分析、財務報表、人口狀況分布、媒體效果反饋、用戶行為數據等，數據可視化面臨處理的狀況會複雜得多。

可能要經歷包括數據採集、數據分析、數據治理、數據管理、數據挖掘在內的一系列複雜數據處理，然後由設計師設計一種表現形式，是立體的、二維的、動態的、實時的還是允許交互的。然後由工程師創建對應的可視化演算法及技術實現手段。包括建模方法、處理大規模數據的體系架構、交互技術、放大縮小方法等。動畫工程師考慮表面材質、動畫渲染方法等，交互設計師也會介入進行用戶交互行為模式的設計。

所以一個數據可視化作品或項目的創建，需要多領域專業人士的協同工作才能取得成功。人類能夠操縱和解釋如此來源多樣、錯綜複雜跨領域的信息，其本身就是一門藝術。

數據可視化在發展過程中，科學和工程領域的應用衍生出了分支：科學可視化——「利用計算機圖形學來創建視覺圖像，幫助人們理解科學技術概念或結果的那些錯綜複雜而又往往規模龐大的數字表現形式」。

在計算機誕生之前，科學的可視化行為就存在。如等高線圖、磁力線圖、天像圖等等。利用計算機的強大運算能力，人類可以使用三維或四維的方式表現液體流型、分子動力學的複雜科學模型。

比如利用經驗數據，科學可視化在天體物理學（模擬宇宙爆炸等）、地理學（模擬溫室效應）、氣象學（龍捲風或大氣平流）模擬人類肉眼無法觀察或記錄的自然現象；利用醫學數據（核磁共振或CT）研究和診斷人體；或者在建築領域、城市規劃領域或高端工業產品的研發過程中發揮重大重用。比如汽車的研發過程中，需要輸入大量結構和材料數據，模擬汽車在受到撞擊時如何變形。在城市道路規劃的設計過程中，需要模擬交通流量。

雖然科學可視化的表現形式對於普通人比較陌生，像粒子系統、散點圖、熱力圖等圖表不接受專業訓練很難看懂。但實際上科學可視化的成果已經滲透到我們生活的每個角落。

90年代初期，信息可視化領域進入人們的視野。用於解決對異質性數據中「抽象」的部分的分析。幫助人們理解和觀察抽象概念，放大了人類的認知能力。

科學可視化和信息可視化的差別比較微妙，因為科學可視化的大部分處理對象都是抽象的概念。在手段和技術上也有大量共同之處。所以邊界比較模糊。

在國外，許多大型企業、科研機構都會有相關部門進行數據可視化研究，如數字圖書館。媒體和政府機構也會對自己掌握的數據進行可視化分析，如犯罪地圖。在互聯網上，那些掌握了大量用戶活動信息、用戶關係網或語料庫的網站，比如digg，friendfeed，flickr或大型電子商務網站等，都有實驗性的可視化項目。可惜在中國在這方面的商用或實驗項目還是比較空白的。

數據可視化的開發和大部分項目開發一樣，也是根據需求來根據數據維度或屬性進行篩選，根據目的和用戶群選用表現方式。同一份數據可以可視化成多種看起來截然不同的形式。

有的可視化目標是為了觀測、跟蹤數據，所以就要強調實時性、變化、運算能力，可能就會生成一份不停變化、可讀性強的圖表。
有的為了分析數據，所以要強調數據的呈現度、可能會生成一份可以檢索、互動式的圖表
有的為了發現數據之間的潛在關聯，可能會生成分散式的多維的圖表。
有的為了幫助普通用戶或商業用戶快速理解數據的含義或變化，會利用漂亮的顏色、動畫創建生動、明了，具有吸引力的圖表。
還有的圖表可以被用於教育、宣傳或政治，被製作成海報、課件，出現在街頭、廣告手持、雜誌和集會上。這類圖表擁有強大的說服力，使用強烈的對比、置換等手段，可以創造出極具衝擊力自指人心的圖像。在國外許多媒體會根據新聞主題或數據，僱用設計師來創建可視化圖表對新聞主題進行輔助。

說了那麼多，大家都可以感受到數據可視化所應用價值，其多樣性和表現力吸引了許多從業者，而其創作過程中的每一環節都有強大的專業背景支持。無論是動態還是靜態的可視化圖形，都為我們搭建了新的橋樑，讓我們能洞察世界的究竟、發現形形色色的關係，感受每時每刻圍繞在我們身邊的信息變化，還能讓我們理解其他形式下不易發掘的事物。

我通過翻譯這系列的文章，為數據可視化的創造力所折服，也為其所能誕生和發展的背景環境所感嘆。希望國內能有更多的跨領域人才的教育背景，能有發展實驗性項目的環境，設計師們能擁有更多的創造力和專業素養，永遠保持好奇心和敏感。

數據可視化相關的引擎/程序/工具（來自wiki百科）

Instantatlas
Data Desk
DAVIX
Eye-Sys
Ferret Data Visualization and Analysis
GGobi
IBM OpenDX
IDL (programming language)
Style Intelligence
OpenLink AJAX Toolkit
ParaView
Smile (software)
StatSoft
Visifire
VisIt
VTK
Yoix
Prefuse

信息可視化的相關方法

Cladogram (phylogeny) 分支圖
Color alphabet 色彩字母表
Dendrogram (classification) 樹狀圖
Information visualization reference model 信息可視化
Graph drawing 圖形繪製
Halo (visualization technique) 暈輪法
Heatmap 熱力型地圖
HyperbolicTree 雙曲樹
Multidimensional scaling 多維尺度分析
Problem Solving Environment 問題求解環境
Treemapping 矩形式樹狀圖

（一）現代的數據可視化方法可視化

數據的表現形式可以是美麗、優雅和描述性的。有多種傳統的數據表現形式在每個項目及可能的場合被頻繁地使用：如表格、餅圖、柱狀圖等。但為了更有效地向你的讀者傳達信息，有時你需要絕不僅僅是一張餅圖。有更好的、深刻的、富於創造性以及富有趣味的方法來可視化數據。它們中的許多將在未來數年內變得應用普遍。

我們期待的是什麼？有哪些些革新性的想法已經在成熟使用？還有哪些創意地表現數據的方式是我們從未想過的？

讓我們看看最有趣和最現代的數據可視化方法，以及一些相關文章、資源和工具。

1. Mindmaps 概念圖Trendmap 2007 （趨勢地圖 2007）

http://Informationarchitects.jp 依據分類、相似性、成功度、知名度和前景，為當年互聯網上最成功的200個網站製作了一張趨勢地圖。這些網站以前顯然從未以這種方式建立過聯繫。相當詳盡。

譯註：（這是一個著名的數據可視化創意，作者通過改造東京地鐵地圖，將站點設計成地鐵站，每種網站應用類型是一條地鐵線。比如粉紅色代表分享類網站，紫紅色代表工具類，大紅色代表技術網站，檸檬黃色代表知識類網站……

當然如果你對東京的城市地理狀況有所了解，看這張地圖時會露出更多會心的微笑。設計師在圖中安排了大量暗喻和巧合，

比如google從澀谷移到了新宿的位置，而Youtube已經控制了澀谷地區。澀谷在通常理解中，代表年輕人出沒的喧嚷的地方。而新宿代表黑社會控制，很酷的地方。微軟移到了池袋，雅虎移到了上野，維基百科在新橋（一個遍布頭腦清醒上班族的地方）。日本的網站主要集中在金融路線附近，北部的站點線（山口線）上的項目多數比較「無聊」。等等）

http://blog.xiqiao.info/blogimg/dv01/webtrends2007.jpg

這是所謂的「資訊圖」（infograph），就是用 Adobe 系的軟體或其它作圖軟體辛辛苦苦做的。

很多人用Adobe Illustrator

是不是看了以上大神們的回答後依然一籌莫展？

來吧。手把手教你繪製精美信息圖。（所用工具：Adobe illustrator）

成果圖：

肯定是PS，雖然理論上所有畫圖軟體都可以做