相信大家對數(shù)據(jù)可視化這個概念已經(jīng)很熟悉了，數(shù)據(jù)可視化能夠給人帶來直觀的感受，并且有利于我們更有效率地完成任務，同時起到交流與分享的作用。那么對于大屏數(shù)據(jù)可視化的具體流程你了解嗎？具體應該怎么做？作者總結(jié)了一套流程，供你參考。

經(jīng)研究表明，人類大腦對視覺信息的處理優(yōu)于對文本的處理。因此，數(shù)據(jù)可視化是使用圖表、圖形和設計元素把數(shù)據(jù)進行可視化，把相對復雜、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段。

數(shù)據(jù)可視化可以使人們更有效率的完成某些任務，我們可以理解為三點優(yōu)勢：

美觀展示 : 用數(shù)據(jù)展示企業(yè)特色，大會展臺，媒體現(xiàn)場展示等

數(shù)據(jù)驅(qū)動：實時查看業(yè)務概況、監(jiān)控預警、驅(qū)動內(nèi)部快速響應

發(fā)掘價值：可視化數(shù)據(jù)呈現(xiàn)后，帶來的視覺感受會幫助人發(fā)現(xiàn)新的因素

數(shù)據(jù)可視化除了 " 可視 "，還有可交流、可互動的特點。

設計帶來的不僅是瞬息處理海量數(shù)據(jù)搭配酷炫的可視化樣式所引起的視覺震撼，更應注重為業(yè)務需求服務，設計出符合不同行業(yè)需求的個性定制可視化，利于企業(yè)做出正確的商業(yè)決策，以有根據(jù)的數(shù)據(jù)呈現(xiàn)而幫助企業(yè)進行更科學的判斷而避免決策的失誤。

二、設計流程介紹

關鍵指標是一些概括性詞語，是對一組或者一系列數(shù)據(jù)的統(tǒng)稱。通過規(guī)定主，次，輔，三個指標的關鍵詞來概念性的清晰大屏的主要展示內(nèi)容，例如我們做的一個照明的監(jiān)測項目，我們可以歸類成這三種：

主：主要指標位于屏幕中央，為地圖展現(xiàn)照明區(qū)域使用數(shù)據(jù)。

次：次要指標位于屏幕兩側(cè)以圖表的形式展現(xiàn)。

輔：主要指標的補充信息鼠標點擊或懸停展示以及交互動效展示。

2. 通過指標分析維度確立可視化圖表類型

同一個指標的數(shù)據(jù)，從不同維度分析就有不同結(jié)果。如果分析的維度沒有找準或定義的比較混亂，就會使可視化圖表無法清晰的看清楚含義，使人困惑。這里我們引用 Stephen Few 的文章 《Visual Business Intelligence》的四項維度 - 比較，聯(lián)系，分布，構(gòu)成，來分析數(shù)據(jù)的邏輯性。

數(shù)據(jù)之間的相關性？

指標里的數(shù)據(jù)主要集中在什么范圍、表現(xiàn)出怎樣的規(guī)律？

數(shù)據(jù)之間存在何種差異、差異主要體現(xiàn)在哪些方面？

指標里的數(shù)據(jù)都由哪幾部分組成、每部分占比如何？

以上的示例圖表的樣式比較傳統(tǒng)，但是思考問題的邏輯性是相通的，值得借鑒使用。

3. 根據(jù)大屏尺寸，規(guī)劃頁面布局，確立交互稿

確立圖表類型后，下一步要進入到布局具體的信息位置，確立交互稿的步驟。確立交互稿的第一步就是要確定大屏的尺寸?？蛻舻拇笃脸叽绮挥脮绊懙秸w的布局和效果，設計的時候也要考慮下是否有拼接大屏接縫的問題，盡量以拼接屏尺寸來確立柵格化布局。

尺寸確立后，接下來要對設計稿進行布局和頁面的劃分。

布局這里我們就要參考第一項的業(yè)務需求優(yōu)先級來布局畫面分割面積。核心業(yè)務指標安排在中間位置、占較大面積；其余的指標按優(yōu)先級依次在核心指標周圍展開。

一般把有關聯(lián)的指標讓其相鄰或靠近，把圖表類型相近的指標放一起，這樣能減少觀者認知上的負擔并提高信息傳遞的效率。視覺上要盡量規(guī)避文字羅列或圖表羅列，注意方圓圖表的面積比例問題等，也是布局期間需要注意的事項。

設計風格的選擇切勿追求效果炫酷而不符合業(yè)務需求，選擇最合適的而不是選擇最絢爛的尤為重要。因為設計中涉及的范圍比較廣，下面展示一些不同行業(yè)對應的不同構(gòu)圖布局與元素的應用案例：

5. 溝通與修改

在做設計中一個很重要的點就是溝通，無論是設計師內(nèi)部的溝通還是設計師與客戶的溝通都會對大屏最后的修改效果產(chǎn)生一個很大的影響。

設計師在內(nèi)部溝通時要從專業(yè)角度吸取知識與建議，并從客戶那里吸取業(yè)務需求與客戶心理訴求。這時對于意見的篩選取舍就很重要，設計師可能會被復雜的審核流程和不同外行人士的不同喜好而干擾，這時設計師需要綜合意見，與項目經(jīng)理一起把控設計的走向，在和客戶溝通中彼此商討相互學習與意見的妥協(xié)從而一步步優(yōu)化設計方案。

當然設計沒有標準答案，也沒有完美的面面俱到的設計方案，最理想的標準就是達到客戶的理想訴求但對于自己做的設計一定要過了自己的這一關，能協(xié)調(diào)好自己的審美與客戶的需求兩贏的狀態(tài)才是一個好的設計。

同時在設計時因為使用的設備不同，大屏有它自己獨特的分辨率、屏幕組成、色彩顯示以及運行、展示環(huán)境，這里的很多問題只有設計稿投到大屏上才能夠被發(fā)現(xiàn)，所以這一步在樣圖溝通確認環(huán)節(jié)非常重要，有時候需要開發(fā)出 demo，反復測試多次來修改協(xié)調(diào)最終上屏效果。

在測試時從設計上可以重點注重以下幾點：

之前確立的布局在放入設計內(nèi)容后是否依然合適

確立的圖表類型帶入數(shù)據(jù)后是否仍然客觀準確

根據(jù)關鍵元素、色彩、結(jié)構(gòu)、質(zhì)感打造出的頁面風格是否基本傳達出了預期的氛圍和感受

已有的樣式、數(shù)據(jù)內(nèi)容、動效等在開發(fā)實現(xiàn)方面是否存在問題

大屏是否存在色差、文字內(nèi)容是否清晰可見、頁面是否存在變形拉伸等現(xiàn)象

6. 開發(fā)與測試

將設計稿交與前端進行制作，與程序溝通交互切換效果，大屏動效等，一起實現(xiàn)把控大屏的最終效果。

希望我們設計的每一張可視化大屏都可以回歸到行業(yè)里，體現(xiàn)出設計師所理解的數(shù)據(jù)做出的設計后為社會生活帶來的真實的價值。就算它可能不夠炫酷，不夠時尚，但是它的每一項數(shù)據(jù)的表現(xiàn)，每一個元素的繪制，都是經(jīng)過細節(jié)的設計雕琢，細節(jié)決定成敗。