本文總計:1524 字
預計閱讀時間:4 分鐘
什么是數據大屏?
簡單來說,是基于數據生成的數據看板,也可以稱為可視化項目、可視化應用。
將數據由單一的數字轉化為各種動態的可視化圖表,從而將數據實時更新并展示給用戶。
其應用的場景種類很多,比如:交通指揮中心、數據監控中心、雙十一的交易大屏等等
圖源網絡
通過搜集與觀察、整理,我總結出了一些特點:
剛好我們上周分享了一篇“PPT數據表盤”的教程,今天就在其基礎上細化下風格和樣式組件。
01. 風格探索
前面提到數據大屏有個特點是科技感,我從網上找了一些靈感圖,一起來看看:
從配色來分析,都是深色的背景搭配高飽和度的顏色:
從元素來分析,標題欄和承載內容的容器,都是由線框組成的樣式。
從版式來分析,都是模塊化,雖然內容很多,但一一劃分了開來:
每一塊內容該放什么信息,主次分明易于區分。
02. 樣式組件
樣式組件,翻譯成 PPT 話語就是:PPT 頁面中的文本框、色塊組合等。
數據大屏中的組件樣式會更為豐富且統一,比如圖表樣式:
網上有很多類似的圖表組件,條形圖、柱狀圖、雷達圖、折線圖以及餅圖。
單一的圖表視覺效果并不明顯,組合起來放在一個頁面中同時使用,就給人很強的視覺沖擊。
關于 PPT 圖表組件,我們之前也分享過 300 頁高質量圖表模板,如果錯過了可以翻翻看:
除了圖表,還有標題欄樣式:
為了不讓標題文字光禿禿地放在那里,通常會加上一些裝飾元素ppt雷達圖改顏色,文字與元素組合起來就叫做標題欄。
以上這些組件素材想用的話,是需要自己用 PPT 重新繪制的。
想省事的同學,也可以去覓元素下載 PNG 格式的,不過修改起來會麻煩了些。
03. 實戰改造
接下來,我們把上周的“PPT數據表盤”修改成科技風。
原有的版式布局就不再變動了,保留即可。
首先,先確定下配色:
深色底,搭配高飽和度的顏色,同時在背景上做漸變的處理。
接著確定樣式組件。
① 邊框樣式:
繪制矩形,調整透明度,在矩形頂部和底部加上實線線條和漸變線條。
這樣一個邊框樣式的組件就完成了,方便后面隨時調用。
② 圓形樣式:
繪制正圓,調整漸變填充,以及邊框的漸變效果。
可以著手修改了。
先處理好背景部分,共有兩層,圖表層和背景層:
圖表層,分為菜單欄部分和數據展示部分,數據展示部分背景設置成線性漸變。
在底部疊一個數據波浪的圖片:
調整下圖片漸變,同時在整體頁面上再疊一層漸變蒙版。
將菜單欄中的圖標,填入圓形樣式中:
考慮到交互的效果,設置了第一個圓形樣式填充為純色,其他的為漸變圓形。
數據部分給文字設置了漸變,同時在后面加個簡單的標題欄裝飾元素:
需要注意的是,由于這里面的數據是通過 Excel 來聯動更新,所以里面的圖表和數據形狀格式ppt雷達圖改顏色,都需要在 Excel 中修改好。
到這里,修改就全部完成了:
當然,我做的這個版本也是可以實現交互的:
發現了沒,只要先將樣式組件做好,在不考慮交互的情況下,整個頁面做起來還是很簡單的。
我還順手改了另一個版本,大家可以參考一下:
04. 文末小結
今天分享了用 PPT 制作數據大屏的兩個知識點,分別是風格探索以及樣式組件。
風格探索:
數據大屏偏向于科技感,顏色偏飽和度較高的,標題欄和容器都是由線框組合而成。
樣式組件:
頁面中的樣式、種類雖多,但同層級內容的樣式組件都是一樣的。
在做好樣式組件后,將內容放置到容器中,組裝出數據大屏并不是很難。
以上,就是今天分享的全部內容,希望大家喜歡~
圖片來自網絡