教程分享| 掌握這15種表現形式,輕鬆做好數據對比圖!

教程分享| 掌握這15種表現形式,輕鬆做好數據對比圖!

教程分享| 掌握這15種表現形式,輕鬆做好數據對比圖! ,觀點,鄒磊ZouL,原創文章站酷網,中國設計師互動平台。

生活中我們會遇到各種各樣的數據對比!

比如小米10週年,雷軍將小米和格力在2013-2019年的營收做了對比!

這種圖就叫做數據對比圖!

因為是靜態展示的結果,如果想看過程,我們還可以優化下讓這張圖動起來,比如下面我優化的這張!

我們言歸正傳,正式進入今天的輸出環節,給大家講講:

當我們要做多類別數據對比時,有哪些表現形式可以用?


有哪些小竅門,可以讓我們的數據對比圖表更加直觀好看?

一做數據對比可參考這15種表現形式

1、線條連線對比法

適用於有相同字段的幾個類別數據的對比,將要進行對比的數據分別打點,然後進行線條的連接,通過看線條的長短,可以比較直觀地看到各類別數據的變化和差異。

2、水平刻度標記對比法

將要對比的數據,標記在同一根刻度線上對應的位置,通過前後距離的差距來對比數據。

3、方塊大小對比法

通過對比方塊的面積大小,來對比數據之間的大小差距,如果數值本身差距很小,不建議用方塊大小對比法,可更改為其他形式進行對比。

4、圓圈大小對比法

將對比的數據通過圓圈大小的形式進行展現,來對比數據之間的差距。同理,如果數值差距比較小,也不太建議用這種形式,因為會看不出啥太大的差異。你平時看到的那些數值差距不大但兩個圓看起來還懸殊的圖,大概率都是做了點手腳放大了差異。

5、線條粗細連線對比法(桑基圖)

這個一般會在要同時比較和展示一組數據的多個維度統計表現時使用,叫作桑基圖,通過線條顏色的對比,還有連接走勢和粗細的變化,能輕鬆看出這組數據在各個維度的統計情況。

6、弧形連接對比法

適合對一個類別中不同數據進行對比,先在軸上進行打點,再對能展現數據大小的起始兩個點進行弧線連接,通過弧線更直觀和形像地來表現數據的差異。

7、顏色填充法

用顏色的深淺來表現數據大小,將數據投映到顏色,直觀地表現數據之間的對比。

8、地理分佈對比法

如果要比較地理位置分佈差異,數據中包含地理位置信息數據,可通過位置的分佈,顏色的分類,來進行對比。

9、柱狀圖上下、左右分佈對比法

如果是基礎柱狀圖的對比,除了excel可以自動生成的對比樣式,還可將類別名字段置於佈局的中間位置,將要對比的兩個類別數據分別置於類別名的左右或上下,進行數據之間的對比。注意,不要共用一根坐標軸,一根坐標軸的兩側應為正和負。

10、折線對比法

通過線條的顏色的區分和走勢對比數據之間的變化趨勢,很基礎的一種方式了。

11、散點分佈對比法

如果想看兩種多維數據的分佈規律,可使用散點圖的形式,通過區分顏色來對比數據之間的差異變化。

12、雷達數據分佈對比法

如果要具體看各個指標、數據維度之間的對比,可通過雷達圖的形式,通過線條在各個指標、維度之間的走勢變化進行數據的對比。

13、圖形數量對比法

柱狀圖或面積圖對比的一種優化,用圖形組合(矩形、圓形、主題icon等)來替代原本的柱子或面積色塊,用不同顏色/形狀的圖形數量,來進行數據之間的對比。

14、羅列對比法

如果數據中所包含的類別對比數據信息非常的多,那麼就可以通過表格羅列的形式,將對比的數據進行羅列展示。這樣的信息傳達雖稍丟失了些視覺上的美觀度,但是信息的理解表達上卻是非常直觀的。因為大家無論是網上購物看商品詳情的具體參數時,還是購物時的給的小票,其實這些都是表格的羅列信息,並且這也是大眾習以為常很容易接受的一種對比表現形式。

也可以將品牌或商品的實景圖和具體參數數據相結合,來對比商品之間的差異。


15、組合信息對比法

和表格羅列對比法很類似,只不過組合信息對比法,會通過排版佈局和多種數據表現形式的組合,對數據之間的差異進行對比。

二做好對比數據的一些小竅門

對比數據的表現形式還有很多很多,這裡就不一一列舉了.

但做對比數據時,我們可以掌握一些小竅門或者通用的方法,這樣可以讓你做對比數據時很快上手!

1、佈局


大家都會做柱狀圖,在排版佈局上,大家習慣了excel自動生成給出的佈局,不同類別的數緊密靠在一起。但其實有時候,當數據差距比較大的時候,可以大膽使用上下佈局、左右佈局的方法,通過排兵布陣方位的對立變化,強化數據之間的對比呈現。

2、配色


如果對比的數據是品牌之間的數據對比,比如《網易嚴選VS 無印良品》、《肯德基VS麥當勞》等等,那麼我們就可以用大眾辨識度很高的品牌色做為配色,還可以加品牌LOGO。

如果沒有現成的顏色,最好選用本身對比就很強的兩個顏色來表現差異,比如使用色相環角度在120° - 180°之間的對比色。

3、讓數據動起來


我們還可以通過動態展示的形式,將數據發展過程中的對比展示出來,讀者就像觀看了一場電影一樣,共同見證了對比的變化過程,比如DT在文章和短視頻中都經常推送的動態柱狀圖、動態折線圖和動態地圖。

4、拆分


如果數據中包含了多個維度的對比,比如下圖中,既包含了時間維度的對比,同時也包含了類別之間的對比,那麼可根據類別將整體拆分成單獨的圖,在將拆分後的圖,再合併成一個整體來處理。

掌握我推薦的15種對比數據表現形式,和4種對比數據的小竅門。

當你在遇到對比數據時,同樣也可以做成漂亮的對比數據圖!

如果你覺得這篇文章讓你有收穫,歡迎【點贊】【評論】【分享和轉發】!

<!--

- 位站酷推荐设计师推荐 -

-->

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。