從優(yōu)秀案例中,獲取一些設(shè)計(jì)靈感,一直都是我認(rèn)為很有效的學(xué)習(xí)方式。
正好前段時(shí)間,看到有人在旁友圈分享了一些頭條出品的數(shù)據(jù)報(bào)告,因?yàn)檫@些都是數(shù)據(jù)報(bào)告,所以,在數(shù)據(jù)的呈現(xiàn)形式上,有很多值得借鑒的設(shè)計(jì)方法。
我羅列了6個(gè),看完就能立馬使用的數(shù)據(jù)圖表處理技巧,分享給各位。
當(dāng)數(shù)據(jù)量較少的時(shí)候,為了能夠更形象的進(jìn)行數(shù)據(jù)呈現(xiàn),我們可以通過使用小圖標(biāo)和圖表結(jié)合的形式,進(jìn)行呈現(xiàn)。
比如說把 LOGO 與環(huán)形圖表相結(jié)合:
再比如把小圖標(biāo)填充在柱狀圖內(nèi):
或者是把小圖標(biāo)與柱狀圖進(jìn)行局部結(jié)合:
為了讓數(shù)據(jù)呈現(xiàn)的形式更加統(tǒng)一規(guī)整,我們可以通過添加統(tǒng)一的容器,進(jìn)行承載。
比如說像這個(gè),將數(shù)字統(tǒng)一填充到手機(jī)殼內(nèi):
還有像這個(gè)面積圖,雖然數(shù)據(jù)量有所區(qū)別,但底部灰色面積保持一致,也可以在視覺上保持統(tǒng)一:
所謂數(shù)據(jù)圖表,就是以可視化的形式來表達(dá)數(shù)據(jù),因此,為了表現(xiàn)不同大小的數(shù)據(jù)關(guān)系,我們可以使用不同面積的圖形來呈現(xiàn)。
比如說像下面這個(gè)例子,我們可以看到,外側(cè)的圓環(huán)大小是一致的,但內(nèi)部數(shù)據(jù)不同,所以,圓形大小也會有所差別:
當(dāng)然,我們也可以使用不同大小的氣泡形式進(jìn)行數(shù)據(jù)承載:
當(dāng)然,我們也可以使用比較規(guī)整的矩形色塊,來表現(xiàn)不同的數(shù)據(jù)量:
當(dāng)要呈現(xiàn)出多個(gè)數(shù)據(jù)之間的占比關(guān)系時(shí),使用多層嵌套圓環(huán),是最好的方式。
就像這樣,不僅能體現(xiàn)每個(gè)數(shù)據(jù)的占比關(guān)系,而且,還可以很好地對不同數(shù)據(jù)進(jìn)行對比:
那這個(gè)是怎么做的呢?非常簡單。
第一步,插入環(huán)形圖表:
第二步,修改表格內(nèi)的數(shù)據(jù),如果我們想要3層嵌套,那么,就修改為3列數(shù)據(jù):
第三步,我們可以把非數(shù)據(jù)區(qū)域變?yōu)榛疑?,以此來更清晰地體現(xiàn)數(shù)據(jù)的占比關(guān)系:
大功告成。
表格可以很好地來規(guī)整數(shù)據(jù)信息,但缺少可視化,而讓表格和圖表相結(jié)合,則可以完美解決這一問題。
比如說像下面這個(gè)例子,我相信,即便你不去看右側(cè)數(shù)據(jù),你也知道換機(jī)數(shù)據(jù)的排名情況:
當(dāng)然,將表格與條形圖結(jié)合,可以更清晰地體現(xiàn)數(shù)據(jù)排名和對比:
另外,你還可以將表格與條形圖和面積圖同時(shí)結(jié)合,也是不錯(cuò)的選擇:
我們知道,時(shí)間軸表現(xiàn)的是時(shí)間維度的信息,而柱狀圖表現(xiàn)的是數(shù)據(jù)維度的信息,當(dāng)兩者結(jié)合后,那么,這個(gè)圖表就能同時(shí)表現(xiàn)兩個(gè)維度的信息。
大家可以看下這個(gè)圖表形式,非常巧妙:
以上呢,就是6個(gè)非常實(shí)用的圖表設(shè)計(jì)技巧,不需要你有特別多的創(chuàng)意,直接套用這些形式,你也可以做出有趣的數(shù)據(jù)圖表。
好了,這篇文章就這么多,另外送個(gè)你一個(gè)福利,點(diǎn)擊旁邊文字鏈接獲取全部頁面今日頭條
原標(biāo)題:從今日頭條出品的這份報(bào)告中,我學(xué)到的6點(diǎn)PPT數(shù)據(jù)圖表設(shè)計(jì)技巧。
]]>