有一個人向我提問的是,如何用 PPT ,做出這樣的數(shù)據(jù)大屏?
坦白講,提出這種問題,一看就是來砸場子的。
不過,我想說的是,這種數(shù)據(jù)大屏看起來很復雜,但實際操作起來,更復雜……
為啥說它復雜呢?因為如果你想要做好一個數(shù)據(jù)大屏,需要綜合使用你的3項PPT制作能力。
分別是:
所以,這篇文章,咱們就借著這個案例,來復習一下這些知識點。
換句更通俗的話說就是,對于不同類型的數(shù)據(jù),我們該采用什么樣的圖表進行呈現(xiàn)。
通常而言,在 PPT 中,常用到的數(shù)據(jù)呈現(xiàn)方式,是這6種:
而在數(shù)據(jù)大屏設計中,往往是多種圖表同時使用:
除此之外呢,如果頁面上只有一個單獨的數(shù)據(jù),為了讓它更有可視化效果,我們也可以借用小圖標。
啥意思呢?舉個例子。
比如像頁面上有這樣的一個數(shù)據(jù):
為了讓它更有可視化的效果,我們可以這樣做:
其實對于一個數(shù)據(jù)大屏頁面布局來講,無非是在同一個頁 PPT 上,呈現(xiàn)多個圖表或表格。
就像這樣:
那為了讓頁面顯得更加整齊,我們可以基于模塊化的思維,對內(nèi)容進行分塊。
呈現(xiàn)的形式呢,大概就像這樣:
如此一來,雖然頁面上信息很多,但能夠保證頁面內(nèi)容排版的整齊度。
對于數(shù)據(jù)大屏,一般來說,會是偏科技風的感覺,我在網(wǎng)上找了一些案例,大家可以參考一下。
其實想要把數(shù)據(jù)大屏,包裝成科技風的感覺,我們可以這幾個方面入手。
01.顏色的搭配
一般而言選擇一些明度較高的顏色,就像這樣:
02.標題欄設計
我們會用到一些折線,或者是光的效果,來體現(xiàn)出科技的感覺。
舉個例子,比如我們可以做成這樣:
或者是這樣:
03.模塊的邊框
在頁面上添加一些科技感的邊框,是比較能夠體現(xiàn)出科技風效果的方式。
同樣舉個例子,比如像這個頁面,就是添加一些科技感的小修飾:
如果你不知道也沒關系,網(wǎng)上隨便一搜,都能找到一堆:
好了,上面呢,就是當我們制作一個數(shù)據(jù)大屏時,需要具備的3個知識點。
在這里呢,我找的一些源數(shù)據(jù),來自某新能源汽車平臺的運行報告。
數(shù)據(jù)看起來很多,對嗎?沒關系,一步步來走。
首先是第1步,先來為數(shù)據(jù)選擇對應的呈現(xiàn)方式。
對于比較類的數(shù)據(jù),選用柱狀圖,看到分布,可以選擇餅圖或環(huán)形圖:
這里的兩組數(shù)據(jù)呢,各自沒有具體的聯(lián)系,只是單獨的數(shù)字本身,所以,我們可以借用小圖標來呈現(xiàn):
這里的兩組數(shù)據(jù)呢,左側(cè)4組數(shù)字,依舊是沒有聯(lián)系,所以,并列擺放即可;右側(cè)表現(xiàn)趨勢,可以考慮采用面積圖:
這里呢,左側(cè)的數(shù)字用來進行比較,所以,選條形圖或柱狀圖均可;右側(cè)很明顯,是個地圖:
接下來呢,我們就需要完成頁面的排版布局。
在這里呢,我們可以基于數(shù)據(jù)的重要程度,來確定模塊的尺寸大小。
我簡單畫了一個,大概是這樣:
然后呢,我們把前面的圖表,放到對應的模塊上:
到這里呢,已經(jīng)完成的差不多了,但是還沒有科技感,還要繼續(xù)優(yōu)化。
最后是第3步,匹配科技風的感覺。
我們可以在頁面的周圍繪制一個科技感的邊框,這是我畫的一個:
這里,用到的主要是『任意多邊形』,完成的邊框繪制:
當然,考慮到大多數(shù)人,都沒有耐心把它畫出來,所以,你也可以在網(wǎng)上,直接下載科技感的素材。
搜索關鍵詞『科技邊框』,你可以找到一大堆:
最后呢,我們把邊框添加到頁面上,就算完成了:
怎么樣?還不算復雜吧?
其實,這種看起來很復雜的東西,往往也是一些基礎的模塊,拼組而成,只要你的 PPT 基礎能力ok,完成那這樣的頁面,其實也沒有那么困難。
原標題:在線擺攤兒,手把手教你用PPT搞定炫酷的數(shù)據(jù)大屏!
]]>