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