隨著科技發(fā)展，計(jì)算機(jī)和網(wǎng)絡(luò)都越來(lái)越發(fā)達(dá)，信息量越來(lái)越多。大數(shù)據(jù)時(shí)代，龐大的信息量也給我們帶來(lái)了困擾，比如我們?cè)撊绾卧谶@些龐大的信息中快速獲取我們需要的中心信息，從而提高我們的工作效率。其中，大屏是一種提升工作效率的新型方式，用圖形的記憶和理解來(lái)代替文字，使得信息變得更加深刻。

一個(gè)傳統(tǒng)的大屏的開(kāi)發(fā)實(shí)現(xiàn)，需要有業(yè)務(wù)人員、開(kāi)發(fā)人員、頁(yè)面工程師等人員的投入，如果想要實(shí)現(xiàn)特殊效果常常需要開(kāi)發(fā)定制。那么，是否有一個(gè)工具能夠更快速更方便地制作出又酷又炫的可視化大屏呢？

接下來(lái)介紹一款億信華辰的大屏可視化分析平臺(tái)-酷屏，炫酷動(dòng)效、豐富色彩、視覺(jué)沖擊，大屏在觀感上直接給人留下震撼印象，便于營(yíng)造某些獨(dú)特氛圍、打造儀式感。大家熟悉的天貓雙11類(lèi)大屏就是利用此特點(diǎn)，打造了熱烈、狂歡的節(jié)日氛圍，原本在后臺(tái)的數(shù)據(jù)經(jīng)過(guò)可視化之后，便能調(diào)動(dòng)人的情緒、引發(fā)人的共鳴，傳遞企業(yè)文化和價(jià)值。

?

首先我們來(lái)看打拼可視化的設(shè)計(jì)流程：抽取關(guān)鍵指標(biāo)、確立分析維度、確定排版布局、定義配色風(fēng)格、動(dòng)畫(huà)效果設(shè)計(jì)、頁(yè)面定稿開(kāi)發(fā)。

1.?抽取關(guān)鍵指標(biāo)

設(shè)計(jì)大屏，大家可能會(huì)被酷炫的可視化所感動(dòng)，但一定要謹(jǐn)記，大屏一定是以展示數(shù)據(jù)為核心，任何炫酷吊炸天的表現(xiàn)都要建立在不影響數(shù)據(jù)的有效展示上！因此，需要根據(jù)業(yè)務(wù)場(chǎng)景抽取關(guān)鍵指標(biāo)。

一般情況下，一個(gè)指標(biāo)在大屏上獨(dú)占一塊區(qū)域，所以通過(guò)關(guān)鍵指標(biāo)定義，就知道大屏上大概會(huì)顯示哪些內(nèi)容，以及大屏?xí)环譃閹讐K。確定關(guān)鍵指標(biāo)后，可根據(jù)業(yè)務(wù)場(chǎng)景確定指標(biāo)的重要性（主、次、輔）。

關(guān)鍵指標(biāo)確定之后，我們要確定指標(biāo)的分析維度。分析維度代表分析的角度，從不同角度分析會(huì)得到不同結(jié)論，數(shù)據(jù)是否能分析透徹，是否能為決策提供輔助支持，都是依賴(lài)于指標(biāo)的分析維度。我們常見(jiàn)的分析方法有類(lèi)比、趨勢(shì)、分布和構(gòu)成等，分析方法的選擇依賴(lài)于實(shí)際的業(yè)務(wù)場(chǎng)景，可參考上圖思維指南選定可視化圖表類(lèi)型。

2.?確定排版布局

根據(jù)確定關(guān)鍵指標(biāo)以及其重要性來(lái)進(jìn)行排版布局。整個(gè)頁(yè)面設(shè)計(jì)要突出關(guān)鍵指標(biāo)，注意主次分明，讓讀者更加直觀地閱讀和理解。以下推薦幾種常規(guī)的排版布局：

?

（左右分布）

?

（中心環(huán)繞）

?

（上下分布）

以上是我們常規(guī)主次分布的排版，實(shí)際應(yīng)用過(guò)程中可根據(jù)具體指標(biāo)的多少，進(jìn)行靈活調(diào)整，只要能突出主題即可，不可硬套。

附上一個(gè)優(yōu)秀的大屏排版布局供大家參考。?

3.?定義配色風(fēng)格

不同的顏色，不同的色彩搭配，都會(huì)給觀看者不同的視覺(jué)感受。色彩搭配的學(xué)問(wèn)博大精深，比如冷暖色、明度、純度、色彩的輕重感等因素都影響觀看者的感受。

大屏可視化采取的主色調(diào)多以深藍(lán)色為主，從背景顏色、背景圖片、統(tǒng)計(jì)圖顏色、組件配色大色塊主要采用深色系，讓整個(gè)頁(yè)面更加協(xié)調(diào)。

4.?動(dòng)畫(huà)效果設(shè)計(jì)

大數(shù)據(jù)可視化大屏設(shè)計(jì)少不了動(dòng)效，動(dòng)效是可視化重要的組成部分，動(dòng)效可以使整個(gè)大屏富有動(dòng)感，也更加吸引人的眼球。但是過(guò)度的動(dòng)效會(huì)產(chǎn)生亂花迷眼的反效果，需要把握動(dòng)效設(shè)計(jì)的度。

動(dòng)效的范圍很廣，比如動(dòng)態(tài)的圖片、頁(yè)面輪播效果、列表滾動(dòng)的效果、數(shù)據(jù)實(shí)時(shí)變化的效果等，這些都是動(dòng)效的范圍。

介紹幾個(gè)常用的動(dòng)效：

?

上圖是一個(gè)超市的大屏效果，首先左側(cè)銷(xiāo)售概覽有選中跳轉(zhuǎn)的效果，使整個(gè)頁(yè)面更富有活力；中間本月銷(xiāo)售數(shù)值可以實(shí)時(shí)刷新，可對(duì)實(shí)時(shí)數(shù)據(jù)進(jìn)行監(jiān)控；右側(cè)庫(kù)房庫(kù)存預(yù)警列表有滾動(dòng)的狀態(tài)，借助滾動(dòng)的方式，將多條數(shù)據(jù)展現(xiàn)出來(lái)，避免平鋪占據(jù)大量的版塊內(nèi)容。

?

地圖的流向方式使整個(gè)頁(yè)面富有動(dòng)感，讓靜態(tài)的頁(yè)面富有生機(jī)，特別是3D動(dòng)效的運(yùn)用，整個(gè)大屏活起來(lái)。

小編簡(jiǎn)單的從指標(biāo)、布局、配色、動(dòng)效等幾個(gè)方面，介紹了一些大屏展現(xiàn)頁(yè)面的制作方法。如果要對(duì)大屏設(shè)計(jì)的特點(diǎn)作一個(gè)總結(jié)：全局突出重點(diǎn)圖表，單表突出重點(diǎn)數(shù)據(jù)。把握好這點(diǎn)，至少可以避過(guò)大部分的坑。但一個(gè)高水準(zhǔn)的大屏，還少不了一些細(xì)節(jié)的把控。

怎么樣，是不是很不錯(cuò)？由于篇幅原因，還有很多效果這里不一一枚舉。如果有小伙伴對(duì)這款大屏制作工具感興趣，可以訪問(wèn)億信華辰官網(wǎng)了解更多。