乾貨 : 揭秘資訊視覺化圖表的設計方法-知識星球

資訊視覺化包括了資訊圖形、知識、科學、資料等的視覺化表現形式，以及視覺視覺化設計方面的進步與發展。地圖、表格、圖形，甚至包括文字在內，都是資訊的表現形式，無論它是動態的或是靜態的，都可以讓我們從中瞭解到我們想知道的內容，發現各式各樣的關係，達到最終解決問題的目的。資訊視覺化的意義就是在於運用形象化方式把不易被理解的抽象資訊直觀地表現和傳達出來。

我們用一個簡單的例子來說明一下資訊視覺化：

上圖所示是信任圈，一款基於Google+的資訊視覺化應用。Google+是一款類似於微博的社交軟體，圖中我們可以看到綠色為相互關註的人，黃色為你關註了他而對方沒有關註你的人，紅色為單方面關註你的人。這樣一個資訊圖就可以清楚的反應出在Google+上，人與人之間的信任關係，這一抽象概念。

從上圖看三位名人的信任圈就可以非常清楚明瞭的瞭解他們的交友狀態這一更為抽象的概念。1為小甜甜布萊尼，2為英國著名音樂製作人，3為Facebook 馬克。而圖表呢？根據道格·紐瑟姆2004年定義，從表現形式的角度“資訊圖表”作為視覺工具應包括以下六類：圖表、圖解、圖形、表格、地圖、串列。

資訊視覺化圖表則隸屬於視覺傳達的一種設計，是以凝練、直觀和清晰的視覺語言，透過梳理資料構建圖形、透過圖形構建符號、透過符號構建資訊，以視覺化的邏輯語言對資訊進行剖析視覺傳達方式。

（一）圖表型別

資訊視覺化圖表能使複雜問題簡單化，能以直觀方式傳達抽象資訊，使枯燥的資料轉化為具有人性色彩的圖表，從而抓住閱讀群體的眼球。

設計的目的決定了圖表設計的形式，按照形式特點我們常把圖表分為關係流程圖、敘事插圖型、樹型結構圖、時間分佈類及空間解構類五種型別。不管何種型別，都是運用串列、對照、圖解、標註、連線等表述手段，使視覺語言最大化的融入資訊之中，使資訊的傳達直觀化、影象化、藝術化。

1、關係流程類圖表

我們用語言難以表述清楚的東西，如果藉助於圖形來說明，效果就會好的多。如果想說明的事情需要費勁腦筋、費勁口舌來表述，而且也許自己講起來也會是一團亂麻，即使從頭至尾的給閱讀群體講一遍內容都會有遺漏或亂頭緒的地方。如果有圖形輔助就不一樣了，我們可以迅速的找到表述亮點或表述事件的主幹，這樣能讓你的主題和思路清晰動人。

2、敘事插圖型圖表

敘事性圖表就是強調時間維度，並隨著時間的推移，資訊也不斷有變化的圖表。插圖型圖表就是用詼諧幽默的圖畫表達資訊的圖表。

3、樹狀結構示意圖

樹狀結構圖具有非常有序的系統特徵，可以把繁複的資料透過分支梳理的方式表達清楚。運用分組，每組再次分類的主體框架表示主從結構，讓資料與示意圖有效的結合在一起。

4、時間表述類示意圖

時間表述類示意圖只要以時間軸為中心加入文字資料即可。從設計的角度來看，將主題融入圖形設計中，挑選重要事件點解讀，就可以使畫面精美，加深理解力度。

5、空間結構類示意圖

運用設計語言把繁雜結構模型化、虛擬化是空間結構示意圖存在的意義。大篇幅的文字講不清楚的事情，也許需要的僅僅是一個簡單的空間結構示意圖。

（二）圖表設計流程

設計流程又是如何的呢？資料內容從哪裡來？圖表內容怎麼取捨？

從上面產出圖中可以看出這個流程需要協作完成，資料需要篩選和整理，精準是首要條件，其次是梳理。找出出主線邏輯，篩選次要內容從而進行精心的設計。圖表作為資訊傳達中的一種獨特的表現方式，已經滲透到生活的各個方面。它不僅僅是文字的補充說明更可以獨立表現內容。完美的圖表創意是任何人都感到清晰明瞭的作品。我們現在就來關註它必備的幾大要素。

1、基礎圖形創意

在設計中基礎圖形創意是重中之中，柱狀圖和餅狀圖是最常用的兩種基礎圖形，但是簡單的幾何形態很難給人設計感。透過對基礎圖形的創意來突出設計主題，就可以取得一舉多得、事半功倍的效果。

上面圖片中左右的內容是完全一致的，但右圖即使讀者不詳細關註也可心領神會。

2、高吸引度與視覺亮點

在讀者閱讀過程中，如果想要設計作品始終佔據視覺的主導地位，就需要作品本身具有很好的表現力。這需要我們費盡心思去讓讀者以最直觀的方式去理解作品所要傳達的資訊內容。網際網路的發展使資訊的更新速度非常快速，從傳統網頁到社交微博，使用者對資訊的瀏覽速度也越來越快，高吸引度便是最寶貴的財富點。如下麵兩張圖片，風趣幽默的表現手法，時下最新的熱點，都是我們設計的入手點。