數(shù)據(jù)可視化大屏的

應用與落地實踐

小億直播數(shù)據(jù)可視化的基本概念可視化設計的5個原則大屏項目落地的9個步驟數(shù)據(jù)可視化的難點可視化圖表的選擇多個行業(yè)大屏案例展示CONTENTS目

錄563241

1數(shù)據(jù)可視化的基本概念開放性探索

宏觀的可視化求證視覺探索日常數(shù)據(jù)

可視化探索型數(shù)據(jù)型概念型陳述型創(chuàng)意挖掘概念描述為了更形象地表達數(shù)據(jù)內(nèi)在信息和規(guī)律

，促進數(shù)據(jù)信息的傳播和應用

。大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設計

，也是當前可視化領域的一項熱門應用，通?？梢苑譃樾畔⒄故绢?/p>

、數(shù)據(jù)分析類及監(jiān)控預警類

。數(shù)據(jù)可視化大屏，有兩個要點：一是展示效果的酷炫

，二是展示數(shù)據(jù)之間的層次關(guān)系

。好的數(shù)據(jù)可視化大屏是布局

、色彩

、圖表

、動效的綜合運用

。

數(shù)據(jù)可視化的定義數(shù)據(jù)可視化是把相對復雜

、抽象的數(shù)據(jù)通過可視化的方法以人們更容的形式展示出來的一系列手段

。數(shù)據(jù)可視化是監(jiān)控預警類數(shù)據(jù)分析類信息展示類化繁為簡

，

便于理解數(shù)據(jù)可視化能將不可見的數(shù)據(jù)現(xiàn)象轉(zhuǎn)化為可見的圖形符號，

能

將錯綜復雜

、看起來沒法解釋和關(guān)聯(lián)的數(shù)據(jù)

，建立起聯(lián)系和關(guān)

聯(lián)

，發(fā)現(xiàn)規(guī)律和特征，

獲得更有商業(yè)價值的洞見和價值

。

可視化有哪些好處？發(fā)現(xiàn)新趨勢

、

新機遇企業(yè)收集到的消費者行為的數(shù)據(jù)，

可以為適應性強

的公司帶來的機遇

。通過使用大數(shù)據(jù)可視化

來監(jiān)控關(guān)鍵指標，

更加陽光透明，

及時發(fā)現(xiàn)問題第

一時間做出應對

。增強數(shù)據(jù)交互數(shù)據(jù)可視化的主要好處是它及時帶

來了風險變化

。但與靜態(tài)圖表不同，交互式數(shù)據(jù)可視化鼓勵用戶探索甚

至操縱數(shù)據(jù)來發(fā)現(xiàn)其他

“秘密

”。這就為使用分析提供了更好的意見

。321

2數(shù)據(jù)可視化的難點1.準

備

工

作數(shù)

據(jù)

可

視

化的

最

大

難

點

在

數(shù)

據(jù)

可

視

化

之

前的

準

備

工

作

—

數(shù)

據(jù)的

獲

取

與

整

理。2.對

數(shù)

據(jù)

需

具

備

敏

感

性面

對

復

雜的

數(shù)

據(jù)、信

息

，怎

么

找

到

數(shù)

據(jù)

之間的

邏

輯

關(guān)

系

至

關(guān)

重

要。3

.

用

簡

潔

易

懂

的

圖

表

展

示

復

雜

的

數(shù)

據(jù)

關(guān)

系閱讀者需要在極短的時間內(nèi)掌握了解各類圖表所傳遞的數(shù)據(jù)關(guān)系4.選

擇

合

適

的

圖

表從千變?nèi)f化的各類圖表中

，

選出適合自己數(shù)據(jù)的圖表類型是數(shù)據(jù)可視化的

關(guān)

鍵。5.

圖

表

細

節(jié)

處

理圖

表

細

節(jié)的

處

理需

要

綜

合

考

慮

多

方

面因

素

—

刻

度

標

記

類

型、

間隙、

刻度標簽位置、數(shù)據(jù)類型、

小數(shù)位、是否千分位、顏色取值、

圖例位置、圖上標簽、

圖表標題、

備注文字說明等等。

數(shù)據(jù)可視化的難點

3可視化設計的5個原則1.

目

標

明

確3.簡

潔

、

美

觀

可視化設計的5個基本原則4.懂

得

利

用工具5.實

事

求

是2.了

解

你

的受眾不可規(guī)避

“

異常數(shù)據(jù)”

，

真實反映業(yè)務數(shù)據(jù)

，

才可

能幫助我們發(fā)現(xiàn)問題

，

掩

蓋問題只會造成更大的問

題

。得心應手的數(shù)據(jù)可視

化工具會使數(shù)據(jù)可視

化的工作事半功倍。圖表主要作用是傳遞

信息

，

追求過分漂亮

只會使徒增無用功。如

果

不

是

為了

與目

標

受眾清楚地溝通

，

數(shù)

據(jù)可視化是無用的。并不是所有的數(shù)據(jù)都

需要數(shù)據(jù)可視化。誰搜集過這份數(shù)據(jù)

，來自哪個業(yè)務系統(tǒng)？0501可視化了。所以做數(shù)據(jù)可視化之前先要明確這個數(shù)據(jù)可視化的分析目的到底是什么？

你打算通過數(shù)據(jù)向用戶講述怎

樣的故事

，

數(shù)據(jù)可視化之后又在表達什么？

通過這些數(shù)據(jù)

，

能為你后續(xù)的工作提供哪些指導？

原則1：

目標明確03我們想從數(shù)據(jù)中了解什么？也就是數(shù)據(jù)分析的要

解決什么問題？07數(shù)據(jù)量是否足夠完成這次準確的分析？數(shù)據(jù)可視化是借助圖形化的分析過程

，

來解決業(yè)務上某

一

問題或者發(fā)現(xiàn)某

一

問題

，

當數(shù)據(jù)脫離了業(yè)務

，

就沒有必要數(shù)據(jù)要解決的業(yè)務內(nèi)容的主題是什么？這個數(shù)據(jù)可視化的數(shù)據(jù)如何獲取？這份業(yè)務數(shù)據(jù)是什么領域的？這份業(yè)務數(shù)據(jù)是什么時間的？060204地查看和處理數(shù)據(jù)?？紤]到受眾對數(shù)據(jù)所呈現(xiàn)的基本原則的熟悉程度

，

以及他們是否了解這些可視化的主要背景

、這些圖表是否定期重復使用等等

。

原則2：

了解你的受眾如果不是為了與目標受眾清楚地溝通

，

數(shù)據(jù)可視化是無用的。它應該與受眾的專業(yè)知識兼容

，

并允輕松快速圖表主要作用是傳遞信息

，

追求過分漂亮只會使徒增無用功。圖表的基礎美感會給人帶來視覺上的享受

，

圖表中的坐標軸、形狀、線條、字體、標簽、標題排版等元素是都會影響人的視覺效果

，

因此

，

這些圖表元素經(jīng)過合理的搭

配會給整個數(shù)據(jù)可視化作品加分

，

比如圖表的色彩

，

如果搭配合理

，

會使整個圖表看起來更加生生動

，

同時也會加

深閱讀者的記憶

。1.字體的使用與選擇3.顏色搭配5.圖表類型多樣化，注重對比2.背景色使用4.同類型的數(shù)據(jù)排列盡量均勻6.保持視覺一致性

原則3：

簡潔

、美觀字體字體大小

：字號不小于12號字

，可以用于圖表的標注

，數(shù)據(jù)信息建議14號字以上,大屏字體

可以適當?shù)母笠恍?/p>

。靈活的字體：

寬松的字母間距（字母之間的間

距應小于字偶間距）和合適的中文字間距

。中西文間隔：

中西文混排時

，要注意中文和西文間的間隔

，一般排版的情況都是中文中混排

有西文

，所以需要在中西文間留有間隔

，幫助

（1）字體的使用與選擇字體優(yōu)先使用系統(tǒng)默認字體，

需要嵌入字體時考慮字體的可識別性

、與當前設

計風格是否融合

、是否可免費商用

。選擇字母容不會產(chǎn)生奇異的字體更有利于用于數(shù)據(jù)可視化設計

。用戶更快速的掃視文字內(nèi)容

。使用選擇顏色是可視化大屏中影響畫面效果的重要元素。使用不當

，

會讓讀者分心。背景色的選擇與可視化展示的設備相關(guān)

，分為深色、淺色、彩色。小屏幕背景色選擇范圍就比較廣

，

淺色、彩色、深色均可以做出很好的設計。相比之下

，淺色背景更適合展示大量的數(shù)據(jù)信息

，

因為在淺色底上數(shù)據(jù)圖表的識別度比較高。而深色、彩色背景更適合渲染簡單的數(shù)據(jù)

，

用于烘托氣氛

。在大屏設備中普遍用深色作為背景色

，

以減少屏幕拖尾

，

觀眾在視覺上也不會覺得刺眼。因此大屏的圖表配色需要以深色背景為基礎。保證可視化圖的清晰辨識度

，

色調(diào)與明度變化需要有跨度

。I

（2

）背景色使用深色背景示例淺色背景示例I

（3

）顏色搭配如果顏色過于相似（例如淺灰與更淺的灰）

，

人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反

，色彩明度與飽和度差異顯著、對比鮮明

，

盡量避免使用鄰近色配色

。也要避免強烈的對比色

，

例如紅配綠或藍配黃

。政府單位能源行業(yè)制造行業(yè)金融行業(yè)電商行業(yè)醫(yī)藥行業(yè)I

（

4

）

同類型的數(shù)據(jù)排列盡量均勻使用用

一種顏色去表達相同類型的數(shù)據(jù)

，

在圖表中使用自然增量（0、5、10、15），

而非不均勻的增量（0、3、5

、16）排序要均勻

?？梢暬寯?shù)據(jù)對比更直觀

，

但是僅僅把兩組圖表緊挨著放在

一起并不能達成這個目標

，

甚至更令人費解

，

所以要多（

5）

圖表類型多樣化，

注重對比用不同類型的圖片進行對比

。像的視覺風格以及尺寸

一致

，

和整體風格保持

一致。按鈕的風格要統(tǒng)

一

，

要么都是填充式的

，

要么都是中空式的

，

要么都是棱角分明

，

要么都是圓潤光滑。例如下圖

，

某公安行業(yè)可視化大屏（部分）

是個很好的例子

，

配色統(tǒng)

一

，風格

一致

。I

（6

）保持視覺一致性保持整體色彩感覺

一致

，

配色風格

一致

，

不同顏色之間搭配協(xié)調(diào)。不要

一

會黑白配

，

一

會又來個紅綠配。圖標、圖酷組件和3D特效

，

讓數(shù)據(jù)

“

躍然屏上”，

得到更形象、更直觀的可視化呈現(xiàn)

。在總體上遵循以下原則：>

（

1

）

準確性：

數(shù)據(jù)可視化需考慮數(shù)據(jù)的準確性，清晰度和完整性

。以不失真的方式呈現(xiàn)信息，

減少用戶的思考成本

。>

（

2

）

實用性：

強調(diào)數(shù)據(jù)需要實用，

可以幫助用戶使用強調(diào)探索和比較的上下文和啟示來導航數(shù)據(jù)，比如探索比較數(shù)據(jù)，

預警數(shù)據(jù)，

瀏覽數(shù)據(jù)

。>

（

3

）適應性：

能適應多設備

、多場景

?？筛鶕?jù)不同設備大小調(diào)整可視化，

同時預測用戶對數(shù)據(jù)深度

、復雜性和模態(tài)的需求

。得心應手的數(shù)據(jù)可視化工具會使數(shù)據(jù)可視化的工作事半功倍

，

比如

，

億信華辰的數(shù)據(jù)可視化平臺

—

—

酷屏。酷屏是億信華辰自主研發(fā)的新

一

代數(shù)據(jù)可視化產(chǎn)品

，

可靈活、快捷地制作各類交互式常規(guī)屏和大屏可視化

，

內(nèi)置百余種炫1I原則4：

懂得利用工具問題只會造成更大的問題。若數(shù)據(jù)很龐大

，

也不某省市去自認為不重要的數(shù)據(jù)部分

，

找到核心數(shù)據(jù)指標和異常數(shù)據(jù)

，

重點展示核心數(shù)據(jù)指標

，

分析異常數(shù)據(jù)的問題原因

，

最后給出合理、準確的數(shù)據(jù)分析結(jié)論

。

原則5：

實事求是數(shù)據(jù)可視化的結(jié)果

一

定要實事求是

，

不可規(guī)避

“

異常數(shù)據(jù)”，

真實反映業(yè)務數(shù)據(jù)

，

才可能幫助我們發(fā)現(xiàn)問題

，

掩蓋

4可視化圖表的選擇信息的印象。但如果數(shù)據(jù)可視化做得不好

，

反而會帶來負面效果

，

所以更需要我們選擇合理的數(shù)據(jù)可視化方法

，

高效傳達數(shù)據(jù)。接下來

，

我們

一起看看不同圖表的不同使用場景

。

可視化圖表的選擇數(shù)據(jù)可視化是

一個展現(xiàn)復雜信息的強大武器。通過可視化信息

，

我們的大腦能夠更好地抓取和保存有效信息

，

增加通常用于展示不同步分類間的數(shù)值對比

，

不同時間點的數(shù)據(jù)對比

。

1.

比較類可視化的方法顯示值與值之間的不同和相似之處。使用圖形的長度、寬度、位置、面積和顏色來比較數(shù)值的大小

，I

2.

占比類可視化的方法顯示同

一維度上占比關(guān)系I

3.

區(qū)間類可視化的方法顯示同

一維度上值的上限和下限之間的差異。使用圖形的大小和位置表示數(shù)值的上限和下限

，

通常用于表示數(shù)據(jù)在某

一個分類（時間點）

上

的最大值和最小值

?？梢暬姆椒@示數(shù)據(jù)之間相互關(guān)系

，

使用圖形的嵌套和位置表示數(shù)據(jù)之間的關(guān)系

，

通常用于表示數(shù)據(jù)之間的前后順序

。

1I4.關(guān)聯(lián)類

5.趨勢類可視化的方法分析數(shù)據(jù)的變化趨勢。使用圖形的位置表現(xiàn)出數(shù)據(jù)在連續(xù)區(qū)域上的分布

，

通常展示數(shù)據(jù)在連續(xù)區(qū)域上的大小變化的規(guī)律

。I

6.時間類可視化的方法是展示數(shù)據(jù)隨時間的變化趨勢

?？梢暬姆椒@示地理區(qū)域上的數(shù)據(jù)

，

使用地圖作為背景

，

通過圖形的位置來表現(xiàn)數(shù)據(jù)的地理位置

，

通常來展示數(shù)據(jù)在不同地理區(qū)域上的分布情況。

II

7.地圖類

5大屏項目落地的9個步驟73

大屏項目落地的9個步驟整體細節(jié)調(diào)優(yōu)與測試頁面定

稿

與

開

發(fā)86頁面布局與劃分根據(jù)業(yè)務場景抽取

關(guān)鍵指標了解物理大屏

，

確定設計稿尺寸梳理業(yè)務需求與使用場景選定可視化圖表類型291確立指標分析維度可視化設計可視化大屏45大屏設計要避免為了展示而展示，排版布局

、圖表選用等應服務于業(yè)務，所以大屏設計是在充分了解業(yè)務需求的基礎上進行的

。那什么是業(yè)務需求呢？業(yè)務需求就是要解決的問題或達成的目標

。設計師通過設計的手段幫助相關(guān)人員達成這個目標，是大屏數(shù)據(jù)可視化的價值所在

。整體項目是利用大屏設備進行相關(guān)數(shù)據(jù)及圖表展示

，我們預想將項目應用的場景分為兩種情況：1.專業(yè)展示：參與商務活動

、分享或為某些團體進行講解及展示使用

。2.普通展示：

主辦公區(qū)域或前臺大廳實時數(shù)據(jù)展示

。通過應用場景，還可以進一步將用戶進行區(qū)分

。.即無論數(shù)據(jù)在何處展示

，其對數(shù)據(jù)都有濃厚的興趣

，會去駐足停留

，仔細觀看及

分析數(shù)據(jù)

。.即匆匆過往的人群

。這部分用戶可能只會在屏幕前短暫停留

。專業(yè)用戶.即參加商務活動

、分享等，

需了解具體數(shù)據(jù)內(nèi)容的用戶

。此類用戶會較為細致的

查看每項數(shù)據(jù)

1.梳理業(yè)務需求與使用場景用戶分類興趣用戶普通用戶010203●

（

1

）主：

主要指標位于屏幕中央，多為動效豐富的地圖或翻牌器；●

（

2

）次：

次要指標位于屏幕兩側(cè)多為各類圖表●

（

3

）輔：

主要指標的補充信息可不顯示或顯示于副屏或鼠標經(jīng)過顯示指標定義

，我們就知道大屏上大概會顯示哪些內(nèi)容以及大屏會被分為幾塊，如圖所示，確定關(guān)鍵指標后，根據(jù)業(yè)務需求擬定各

個指標展示的優(yōu)先級（主

、次

、輔）

。

2.根據(jù)業(yè)務場景抽取關(guān)鍵指標關(guān)鍵指標是一些概括性詞語，是對一組或者一系列數(shù)據(jù)的統(tǒng)稱

。一般情況下，一個指標在大屏上獨占一塊區(qū)域，所以通過關(guān)鍵教育大屏關(guān)鍵指標示例同一個指標的數(shù)據(jù)，從不同維度分析就有不同結(jié)果

。很多小伙伴做完可視化設計，發(fā)現(xiàn)可視化圖形并沒有準確表達自己的意圖，也沒能向觀者傳達出應有的信息，可視化圖形讓人困惑或看不懂

。出現(xiàn)這種情況很大程度就是因為分析的維度沒有找準或定義的比較混亂

。維度是觀察數(shù)據(jù)的角度和對數(shù)據(jù)的描述

。維度可以用時間

、數(shù)值表示，也可以用文本，文本常作為類別

。數(shù)據(jù)分析的本質(zhì)是各種維度的組合

。維度：記錄對象的屬性

、狀態(tài)

、特征，一般表現(xiàn)為字符型或分類數(shù)值型字段；度量：記錄對象的數(shù)值型測量，一般表現(xiàn)為數(shù)值型字段；維度

指標

3.確定指標分析維度可視化設計要考慮大屏最終用戶，可視化結(jié)果應該是一看就懂

，不需要思考和過度理解

，因而選定圖表時要理性，避免為了視覺上的效果而選擇一些對用戶不太友好的圖形

?？蓪崿F(xiàn)我們需要了解現(xiàn)有數(shù)據(jù)的信息

、規(guī)模

、特征

、聯(lián)系等，然后評估數(shù)據(jù)是否能夠支撐相應的可視化表現(xiàn)；

4.選定可視化圖表類型當確定好分析維度后，事實上我們所能選用的圖表類型也就基本確定了

。接下來我們只需要從少數(shù)幾個圖表里篩選出最能體現(xiàn)我們設計意圖的那個就好了

。選定圖表注意事項：

、可實現(xiàn)21確定設計稿尺寸需要分兩種情況：（

1

）當投屏電腦與與大屏系統(tǒng)尺寸比例

、分辨率一致時，設計稿的尺寸

、分辨率以投屏電腦為準；

（

2

）當投屏電腦與與大屏系統(tǒng)尺寸比例

、分辨率不一致時，設計稿的尺寸

、分辨率以物理大屏為準；注意，若物理大屏分辨率過高，可進行分辨率減半設計大屏一般分辨率比較高，如果不事先確定物理大屏尺寸，設計稿設計出來的效果被投放到大屏上就會有偏差失真

。一般情況下，5.了解物理大屏，

確定設計稿尺寸名稱布局要點應用場景優(yōu)勢常規(guī)布局左中右

。中間為主要指標，

占據(jù)頁面較大面積；

左右

兩邊為次要指標

，面積較小

，較集中

，展現(xiàn)指標數(shù)量較多多數(shù)適用

。如教育

、房地產(chǎn)

、政務等行業(yè)的數(shù)據(jù)

分析展示

，需要展示多項指標

，并突出某些關(guān)鍵

指標時適用清晰展現(xiàn)較多的指標

，主次分明左右布局重點區(qū)域擴大

，左或右放置少量指標

，不大量

指標常用于地圖展示

、三維模型展示，將重點區(qū)域擴

大

。如智慧園區(qū)

、智慧工廠

、某省市等能夠展現(xiàn)更多的圖像區(qū)域

，三維模型

的立體感更強均等布局按照1：

1：

1平均分配每一塊的展示區(qū)域常用于展示平級指標無明顯主次區(qū)分的指標需要展現(xiàn)時，

劃分區(qū)域

，在視覺上不會過多干擾，

平級展現(xiàn)時適用故事布局沒有明顯的分割區(qū)域常用于講述一個完成的故事線數(shù)據(jù)連貫性強，

當指標間有關(guān)聯(lián)關(guān)系

時，可以有邏輯地遞進去展現(xiàn)君臣布局中間大

，兩邊小

。中間為主要指標，

占據(jù)頁面較大面積，通常放置三維大圖；

左右兩邊為次要指標

，面積較小，較集中，展現(xiàn)指標較多需要展示多項指標，并突出某些關(guān)鍵指標或三維

圖像時適用圖像更大更清晰立體，指標主次分明縱向布局由于屏幕的原因

，將頁面分割為上中下部分，

中間區(qū)

域較大

，上下較小，重點突出中間區(qū)域在一些特殊的展會上使用很好的適配特殊場景下的屏幕，主次

分明，突出重點繁星布局布局較為隨意

，滿屏都是各種各樣的指標

，盡可能多

地展現(xiàn)常用于日常運維

、監(jiān)管人員使用展現(xiàn)指標多而全面尺寸確立后，接下來要對設計稿進行布局和頁面的劃分

。這里的劃分

，主要根據(jù)我們之前定好的業(yè)務指標進行，核心業(yè)務指標安排在中間位置

、占較大面積；其余的指標按優(yōu)先級依次在核心指標周圍展開

。一般把有關(guān)聯(lián)的指標讓其相鄰或靠近，把圖表類型相近的指標放一起，這樣能減少觀者認知上的負擔并提高信息傳遞的效率

。

6.頁面布局與劃分①布局要點：

左中右

。中間為主要指標，

占據(jù)頁面較大面積；

左右兩邊為次要指標，

面積較小，

較集中，

展現(xiàn)指標數(shù)量較多②應用場景：

多數(shù)適用

。如教育

、房地產(chǎn)

、政務等行業(yè)的數(shù)據(jù)分析展示，

需要展示多項指標，

并突出某些關(guān)鍵指標時適用③優(yōu)勢：

清晰展現(xiàn)較多的指標，

主次分明①布局要點：

重點區(qū)域擴大

，左或右放置少量指標，

不大量指標②應用場景：

常用于地圖展示

、三維模型展示

，將重點區(qū)域擴大

。如智

慧園區(qū)

、智慧工廠

、某省市等③優(yōu)勢：

能夠展現(xiàn)更多的圖像區(qū)域，

三維模型的立體感更強I

（1）標準大屏左右布局常規(guī)布局①布局要點：

按照1：

1：

1平均分配每一塊的展示區(qū)域②應用場景：

常用于展示平級指標③優(yōu)勢：

無明顯主次區(qū)分的指標需要展現(xiàn)時

，劃分區(qū)域

，在視覺上不會過多干擾，

平級展現(xiàn)時適用I

（2

）超大屏①布局要點：

沒有明顯的分割區(qū)域②應用場景：

常用于講述一個完成的故事線③優(yōu)勢：

數(shù)據(jù)連貫性強，

當指標間有關(guān)聯(lián)關(guān)系時，

可以有邏輯地遞進去展現(xiàn)均等布局故事布局君臣布局①布局要點：

按照1：

1：

1平均分配每一塊的展示區(qū)域②應用場景：

常用于展示平級指標③優(yōu)勢：

無明顯主次區(qū)分的指標需要展現(xiàn)時

，劃分區(qū)域

，在視覺上不會過多干擾，

平級展現(xiàn)時適用I

（2

）超大屏①布局要點：

由于屏幕的原因

，將頁面分割為上中下部分，

中間區(qū)域較

大，

上下較小，

重點突出中間區(qū)域②應用場景：

在一些特殊的展會上使用③優(yōu)勢：

很好的適配特殊場景下的屏幕，

主次分明，

突出重點①布局要點：

布局較為隨意，

滿屏都是各種各樣的指標，

盡可能多地展現(xiàn)②應用場景：

常用于日常運維

、監(jiān)管人員使用③優(yōu)勢：

展現(xiàn)指標多而全面縱向布局繁星布局I

（3

）異形屏根據(jù)定義好的設計風格與選定的圖表類型進行合理的可視化設計

。目前來講大屏可視化主要有指標類信息點和地理類信息點兩大可視化數(shù)據(jù)

。指標類信息點可視化效果相對簡單

，而地理類信息點一般可視化效果酷炫，但是開發(fā)相對困難

，需要設計師跟開發(fā)多溝通的

。地理類信息一般具有很強的空間感

、豐富的粒子

、流光等動效

、高精度的模型和材質(zhì)以及可交互實時演算等特點，所以對于被投電腦

、大屏拼接器等硬件設備的性能會有要求，硬件配置不夠的情況下可能出現(xiàn)卡頓甚至崩潰的情況，所以這點也是需要提前溝通評估的

。

7.可視化設計可視化大屏的設計風格主要根據(jù)行業(yè)類型

、客戶喜好

、具體展示指標整體搭配，但總體一般以深色為主

。數(shù)據(jù)是核心，場景是大數(shù)據(jù)呈現(xiàn)的承載體●

場景使用具有金屬質(zhì)感的深青灰，符合理性的

、冷靜的

、智能化產(chǎn)品的個性●

數(shù)據(jù)色彩使用透明

、發(fā)光

、具有未來感的高亮色，和場景形成強對比，使數(shù)據(jù)更為突顯

、更具吸引力●為了強化客戶對于風險的感知，通過顏色區(qū)分數(shù)據(jù)的風險等級

，更直觀的傳達數(shù)據(jù)的含義

。如：

高風

險的使用紅色

，紅色讓人聯(lián)想到危險

、警報

。I

（1

）定義設計風格主色調(diào)強調(diào)重點內(nèi)容

，以引導用戶能夠清晰

、明確

、迅捷的識別重要信息

。圖表需要的顏色較多時，建議最多不超過12種色相

。通常情況下人在不連續(xù)的區(qū)域內(nèi)可以分辨6~12種不同色相

。過多的顏色對傳達數(shù)據(jù)是沒有作用的，反而會讓人產(chǎn)生迷惑

。金融行業(yè)司法行業(yè)電商行業(yè)保險行業(yè)醫(yī)療行業(yè)教育行業(yè)

（

2）可視化顏色搭配色彩是最能給人直觀感受的

，能夠直接的牽引用戶去尋找有效信息

。整體色彩確定后，便運用色彩來劃分信息的層級關(guān)系，用稅務行業(yè)制造行業(yè)整個項目中有據(jù)都是實時變化的

，為了減少數(shù)據(jù)變化刷新時的突然性

，動效設計必不可少

。在整個動效設計的過程中，除過場動畫

、數(shù)據(jù)的變化外

，動效還肩負起增添空間感

、平衡畫面和整合信息的作用

。

但是在增加動效的同時，仍需考慮服務器在承載大量數(shù)據(jù)涌入的同時，是否能夠承載較多的動效，分析畫面與數(shù)據(jù)量，對動效部分進行適當取舍

。使動效不必喧賓奪主，

明確畫面中的重點進行展示

。I

（3

）動效設置析指標后就已經(jīng)開始進行了

，而我們當前的工作是把數(shù)據(jù)接入到前端，然后用設計的樣式呈現(xiàn)出來

。●

（

1

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

（

2

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

（

3

）根據(jù)關(guān)鍵元素

、色彩

、結(jié)構(gòu)

、質(zhì)感打造出的頁面風格是否基本傳達出了預期的氛圍和感受；●

（

4

）已有的樣式

、數(shù)據(jù)內(nèi)容

、動效等在開發(fā)實現(xiàn)方面是否存在問題；●

（

5

）大屏是否存在色差

、文字內(nèi)容是否清晰可見

、頁面是否存在變形拉伸等現(xiàn)象

。1

8.頁面定稿與開發(fā)實際上頁面開發(fā)階段并不是到了這一步才進行，這里說的頁面開發(fā)僅指前端樣式的實現(xiàn)

，實際上后臺數(shù)據(jù)準備工作在定義好分（

1

）視覺方面的測試：

關(guān)鍵視覺元素

、字體字號

、頁面動效

、圖形圖表等是否按預期顯示

、有無變形

、錯位等情況

。（

2

）性能與數(shù)據(jù)方面的測試：

圖形圖表動畫是否流暢

、數(shù)據(jù)加載

、刷新有無異常；頁面長時間展示是否存在奔潰

、卡死等情況；后臺控制系統(tǒng)能否正常切換前端頁面顯示

。19.整體細節(jié)調(diào)優(yōu)與測試這部分是指頁面開發(fā)完成后，將真實頁面投放到大屏進行的測試與優(yōu)化

。這里主要有兩部分工作：

6多個行業(yè)大屏案例展示

1某省市某金融集團金安全在可控范圍內(nèi)，提高收益

。通過大屏展示投資情況

、投資金融

、投資客戶數(shù)

、歷史盈利等信息向外界彰顯公司形象及整通過數(shù)據(jù)可視化的展現(xiàn)形式，使得投資項目的收益及變化態(tài)勢一

目了然

，實現(xiàn)無人工的節(jié)點監(jiān)控跟蹤，最大程度保證用戶的資體實力

。規(guī)劃

、財務

、教務

、人事以及全校核心數(shù)據(jù)等11個方面全面展示有效信息，并且橫向覆蓋各學院及各部門的數(shù)據(jù)信息和工作內(nèi)容

。通過對接校方數(shù)據(jù)中心保證數(shù)據(jù)事實的準確性

、及時性

，為管理團隊科學決策提供了有效的數(shù)據(jù)支撐

。

2某省