什么是數(shù)據(jù)大屏？
簡(jiǎn)單來說甸私，是基于數(shù)據(jù)生成的數(shù)據(jù)看板诚些，也可以稱為可視化項(xiàng)目、可視化應(yīng)用。
將數(shù)據(jù)由單一的數(shù)字轉(zhuǎn)化為各種動(dòng)態(tài)的可視化圖表诬烹，從而將數(shù)據(jù)實(shí)時(shí)更新并展示給用戶砸烦。
其應(yīng)用的場(chǎng)景種類很多，比如：交通指揮中心绞吁、數(shù)據(jù)監(jiān)控中心幢痘、雙十一的交易大屏等等
圖源網(wǎng)絡(luò)
通過搜集與觀察、整理家破，我總結(jié)出了一些特點(diǎn)：
交互式
科技感
可視化
實(shí)時(shí)更新
樣式組件繁多
剛好我們上周分享了一篇“PPT數(shù)據(jù)表盤”的教程颜说，今天就在其基礎(chǔ)上細(xì)化下風(fēng)格和樣式組件。
交互式+可編輯+實(shí)時(shí)更新數(shù)據(jù)的PPT數(shù)據(jù)表盤汰聋！
01. 風(fēng)格探索
前面提到數(shù)據(jù)大屏有個(gè)特點(diǎn)是科技感门粪，我從網(wǎng)上找了一些靈感圖，一起來看看：
從配色來分析烹困，都是深色的背景搭配高飽和度的顏色：
從元素來分析玄妈，標(biāo)題欄和承載內(nèi)容的容器，都是由線框組成的樣式髓梅。
從版式來分析拟蜻，都是模塊化，雖然內(nèi)容很多枯饿，但一一劃分了開來：
每一塊內(nèi)容該放什么信息酝锅，主次分明易于區(qū)分。
02. 樣式組件
樣式組件鸭你，翻譯成 PPT 話語(yǔ)就是：PPT 頁(yè)面中的文本框屈张、色塊組合等。
數(shù)據(jù)大屏中的組件樣式會(huì)更為豐富且統(tǒng)一袱巨，比如圖表樣式：
網(wǎng)上有很多類似的圖表組件阁谆，條形圖、柱狀圖愉老、雷達(dá)圖场绿、折線圖以及餅圖。
單一的圖表視覺效果并不明顯嫉入，組合起來放在一個(gè)頁(yè)面中同時(shí)使用焰盗，就給人很強(qiáng)的視覺沖擊。
關(guān)于 PPT 圖表組件咒林，我們之前也分享過 300 頁(yè)高質(zhì)量圖表模板熬拒，如果錯(cuò)過了可以翻翻看：
網(wǎng)址：https://www.aboutppt.com/10878.html
除了圖表，還有標(biāo)題欄樣式：
為了不讓標(biāo)題文字光禿禿地放在那里垫竞，通常會(huì)加上一些裝飾元素澎粟，文字與元素組合起來就叫做標(biāo)題欄蛀序。
以上這些組件素材想用的話，是需要自己用 PPT 重新繪制的活烙。
想省事的同學(xué)徐裸，也可以去覓元素下載 PNG 格式的，不過修改起來會(huì)麻煩了些啸盏。
03. 實(shí)戰(zhàn)改造
接下來重贺，我們把上周的“PPT數(shù)據(jù)表盤”修改成科技風(fēng)。
原有的版式布局就不再變動(dòng)了回懦，保留即可气笙。
首先，先確定下配色：
深色底粉怕，搭配高飽和度的顏色健民，同時(shí)在背景上做漸變的處理。
接著確定樣式組件贫贝。
① 邊框樣式：
繪制矩形，調(diào)整透明度蛉谜，在矩形頂部和底部加上實(shí)線線條和漸變線條稚晚。
這樣一個(gè)邊框樣式的組件就完成了，方便后面隨時(shí)調(diào)用型诚。
② 圓形樣式：
繪制正圓客燕，調(diào)整漸變填充，以及邊框的漸變效果狰贯。
可以著手修改了也搓。
先處理好背景部分，共有兩層涵紊，圖表層和背景層：
圖表層傍妒，分為菜單欄部分和數(shù)據(jù)展示部分，數(shù)據(jù)展示部分背景設(shè)置成線性漸變摸柄。
在底部疊一個(gè)數(shù)據(jù)波浪的圖片：
調(diào)整下圖片漸變颤练，同時(shí)在整體頁(yè)面上再疊一層漸變蒙版。
將菜單欄中的圖標(biāo)驱负，填入圓形樣式中：
考慮到交互的效果嗦玖，設(shè)置了第一個(gè)圓形樣式填充為純色，其他的為漸變圓形跃脊。
數(shù)據(jù)部分給文字設(shè)置了漸變宇挫，同時(shí)在后面加個(gè)簡(jiǎn)單的標(biāo)題欄裝飾元素：
需要注意的是，由于這里面的數(shù)據(jù)是通過 Excel 來聯(lián)動(dòng)更新酪术，所以里面的圖表和數(shù)據(jù)形狀格式器瘪，都需要在 Excel 中修改好。
到這里，修改就全部完成了：
當(dāng)然娱局，我做的這個(gè)版本也是可以實(shí)現(xiàn)交互的：
發(fā)現(xiàn)了沒彰亥，只要先將樣式組件做好，在不考慮交互的情況下衰齐，整個(gè)頁(yè)面做起來還是很簡(jiǎn)單的任斋。
我還順手改了另一個(gè)版本，大家可以參考一下：
04. 文末小結(jié)
今天分享了用 PPT 制作數(shù)據(jù)大屏的兩個(gè)知識(shí)點(diǎn)耻涛，分別是風(fēng)格探索以及樣式組件废酷。
風(fēng)格探索：
數(shù)據(jù)大屏偏向于科技感，顏色偏飽和度較高的抹缕，標(biāo)題欄和容器都是由線框組合而成澈蟆。
樣式組件：
頁(yè)面中的樣式、種類雖多卓研，但同層級(jí)內(nèi)容的樣式組件都是一樣的趴俘。
在做好樣式組件后，將內(nèi)容放置到容器中奏赘，組裝出數(shù)據(jù)大屏并不是很難寥闪。
以上，就是今天分享的全部?jī)?nèi)容磨淌，希望大家喜歡~
