別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

信息可視化包括了信息圖形、知識、科學、數據等多方面的可視化表現形式,並且需要和視覺可視化設計相結合。甚至地圖、表格、圖形、文本等都是信息的表現形式。

比如在作品集的製作過程中,我們前期的調研數據有時候邏輯關係會比較複雜,不是很容易被大家直觀理解。這時候,我們可以將抽象數據或繁複的邏輯關係以更容易被讀取的可視化圖表形式展現,更好的為我們所用。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

01 信息可視化圖表的種類

其實信息可視化包含的範圍很廣,下面我們將這些可視化的信息圖表進行簡單分類,看一下不同的數據圖分別具有怎樣的特徵,又更適合在哪一類數據分析中使用。

1.圓環圖

首先,我們來看一下可視化信息圖中最典型的一類——圓環圖。這一類的數據圖更適合反映各部分與整體的比例關係,大多比較適合同層級屬性或概念中數據的一些可視化分析。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

2.折線圖與面積圖

這類圖主要強調某一數值隨時間變化的程度,會引起人們對總值趨勢的注意。當然折線圖不侷限於平面形式,三維立體一樣可以達到很好的效果。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

3.雷達圖

雷達圖又可稱為戴布拉圖、蜘蛛網圖,更適合反映同層級中各屬性的平均差異,比較適合同一對象的不同屬性之間的對比,可以很直觀的看到各屬性之間的差異。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

4.流程圖

流程圖是流經一個系統的信息流、觀點流或部件流的圖形代表。是幫助我們整理思路的一種好方法,尤其是對於邏輯性比較複雜或是過程比較繁瑣的事件,可以讓我們對整體過程有一個全面清晰的瞭解。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

5.樹狀圖

樹狀圖亦稱樹枝狀圖,通常以父子層次結構來組織對象。在我們的作品集中經常用於Mindmap方面的繪製。在繪製樹狀圖的時候我們要注意父子層級關係,以便大家可以清晰的讀懂我們想傳達的信息。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

6.時間軸

依據時間順序把一方面或多方面的事件串聯起來,形成相對完整的記錄體系,再運用圖文的形式呈現給用戶。時間軸可以運用於不同領域,最大的作用就是把過去的事物系統化、完整化、精確化。在繪製時間軸的時候我們要注意,時間軸往往強調在固定時間節點發生的事情,所以不同的時間節點之間要明確區分好,否則很難看清具體信息。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

7.綜合類

還有一些信息圖比較複雜,可能在繪製的過程中難度相對較大,這些圖表往往包含更多的信息。完成這類可視化信息圖時一定要有清晰的邏輯關係。在繪製的時候可以用大小對比、顏色差異或是標註等方法去進行區分。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

02 案例繪製

在看了以上這些信息圖種類之後,我們以圓環圖為例,給大家進行案例演示。在繪製之前,我們先要明確:大部分的信息可視化圖表都是用AI(Adobe Illustrator)來完成的,因為AI是一個對圖形處理很強大的軟件。繪製十分方便,並且容易調整。

再者我們需要對已有的數據進行整理,將已經整理好的數據結合不同圖表的特徵進行分析。選擇合適的圖表類型,確定好視覺風格以及配色,讓信息一目瞭然的傳遞出來從而降低理解難度。下面看一下在繪製過程中可能用到的工具或功能:

形狀及線段工具:這兩個工具大家可能比較熟悉,除了直接在畫面中拖拽進行繪製以外,還可以在畫面空白區域鼠標左擊,精準控制繪製屬性。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

鋼筆、剪刀工具:這兩個工具相對比較簡單,在這裡不進行過多介紹。

輪廓化描邊:這個功能主要是將路徑轉化為形狀,從而繼續編輯。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

接下來,我們以最基礎的圓環圖表為例,通過三個案例具體示範一下完整的繪製過程。

案例一

1. 利用極座標網格工具繪製同心圓,並調節描邊粗細。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

2. 利用剪刀工具,結合數據對已有圖形進行裁剪。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

3. 將繪製的其他線條和已有線條進行鏈接,完成繪製。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

最終效果

案例二

1.同樣利用極座標網格工具,繪製基礎圖形。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

2. 與上一個案例相似,結合數據裁剪路徑。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

3. 調節線條粗細,將前後端點調為圓頭即可。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

最終效果

案例三

1.直接用直線段工具繪製如下線條:

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

2.調節旋轉中心,讓線條圍繞同一中心進行旋轉,並調節線條粗細。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

3.通過繪製剪切蒙版將已有線條進行層次劃分。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

4.結合數據調整顏色比例。

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

最終效果

接下來根據具體數據差異,可以繼續擴展為系列信息化圖表:

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

別人畫的數據分析圖快成平面設計了,你還在搞柱狀圖?

通過以上分析我們可以發現,其實圖表的信息可視化包含了很多種類,並且每個種類又包含了很多風格,例如扁平化、立體化等。大家在掌握製作方法後可自行嘗試其他風格的可視化信息圖製作。


分享到:


相關文章: