在資訊圖的製作和資料視覺化過程中,數值的表現是核心,常見的資金量、人數、個數、面積體積等等數值都是資訊圖中核心要表達的內容。那麼這些數值在資訊圖中的表現有什麼技巧呢?本文就給大家介紹常用的數值表現方式。

大家最熟悉的就是柱狀圖、曲線圖和折線圖。這三類相對簡單,也最為常見,都是利用圖形或資料點的高度(或者長度)來表現數值的大小。如圖:

資訊圖製作教程

一般情況下,這三類圖形化方法就已經能夠滿足視覺化的需求,但是,在各項數值相差較大時,這種表現方式就有了問題。如《全球30大媒體的年營收》的資料中,營收最高的谷歌的營收額為379億美元,而排在30名的Sanoma僅為25億美元,如果使用常見的柱狀圖來表現,那麼最大值的谷歌將是最小的Sanoma的15倍,我們用Excel做了嘗試,在真實比例下效果如下:

資訊圖製作

如果實在資料包告中,或許這種比例不會有太大影響,但是在什麼要求更高的資訊圖中,這種比例會帶來一種不協調的感覺,就是常說的“一邊重一邊輕”,勢必會在一邊有很多的留白。另外,為了讓小值之間能夠清晰分辨,務必會造成最大值很突兀,或者為了控制最大值,讓小值之間分辨不清。

那麼為了追求美感,我們有木有更好的 表現方式呢?這個問題先放一邊,我們來看看柱狀圖、折線圖和麵積圖表現數值的邏輯。前面已經說過,這三類表現方式都是通過高度或者寬度來表現數值,柱狀圖的數值體現在矩形的高度,折線圖和麵積圖的數值體現在資料點的高度,概括來說,三類方式的數值表現都是一維的,雖然柱狀圖有面積,但是其寬度沒有具體的表現意義。因而,我們會有這樣的思考,可不可以用二維圖形,也就是面積來表現數值呢?

我們還是用谷歌和sanoma的資料來舉例,兩者的資料比例約為15,如果用一維表示,則兩者圖形的一維比例就是15:1,但那時如果用面積來表示數值呢?繪製兩個面積比例為379:25的正方形,那麼兩個正方形的高度比約為4:1,相對於15:1的比例,減少了在高度上的巨大差別,為設計提供了更多方便而且還不影響使用者對數值的理解。

資訊圖製作教程

同理,我們也可以用三維的體現方式來展現差距更大的數值。如在《圖解力》中作者就提到了用堆砌起來的正方形塊來表示軍費比例,一個小正方形代表1億,在圖中,超過400倍的比例仍然能夠清晰分辨而不顯突兀。

資訊圖製作教程

另外,針對差別較大的數值,還可以使用視覺透視的方式來處理。在透視視角下,遠處的圖形會變小,這樣處理也能減少數值差別較大時的突兀感。

資訊圖製作教程

上面主要講述了一些常用的資料展現方式和當資料差距較大時的處理方式,在製作資訊圖中,往往還需要根據釋出渠道和版面要求來做合適的處理,資訊圖設計師除了掌握基本的設計技術,也要發揮聰明才智,表現準確與涉及審美共舉,才能設計出優秀的資訊圖。

自:36大資料