大數據產業(yè)正在用一個超乎我們想象的速度蓬勃發(fā)展，大數據時代的來臨，越來越多的公司開始意識到數據資源的管理和運用，大數據可視化大屏展示被更多的企業(yè)青睞，所以很多ui設計師也開始學習數據可視化設計。
今天要跟大家分享一些設計大數據可視化大屏的經驗和觀點，下面從UI設計、交互設計、動效設計三個方面來分享。
UI設計
設計大屏一樣要謹記要以展示數據為核心，在任何炫酷屌炸天表現都要建立在不影響數據的有效展示上!
下圖是天貓可視化大屏設計，圖中屌炸天的3D地球圍繞粒子效果，這篇文章將教你怎么實現，而且是數據可視化的呈現，不是動效或者視頻!
天貓雙十一可視化大屏
拼接大屏：大屏幾乎都是拼接屏，UI設計時不用考慮屏幕縫隙影響內容的呈現，內容不會丟失，但有可能影響視覺的表現，例如一個很大的人物圖像被縫隙正中“劈成”兩半，或者“劈中”了眼睛，看起來很不舒服，所以設計時可以建立縫隙位置的參考線避免類似情況發(fā)生。(現在企業(yè)常用的有無縫隙、1.7mm縫隙、3.5mm縫隙、三種拼接大屏，縫隙越小越貴)
設計尺寸：拼接的每塊小屏一般是16:9的高清屏，設計尺寸可以把上下高度設定為1080px，長度按照拼接屏的數量比例得出長度的設計尺寸。例如3乘5的一塊大屏幕，高度3塊屏設為1080，每塊高就是360，360除9乘16等640，640就是一塊屏幕的長度，640乘5塊屏=3200最后得出設計稿尺寸就是：高1080px乘寬3200px(在這里感謝我的數學老師)
拼接屏設計尺寸圖解
視覺設計：首先了解需求，整合數據，分析出主要數據次要數據、總量數據細分數據、各數據的維度等等，通過了解這些可以先設計出一個布局模版，也可以在紙上畫出來，布局可以在設計過程中隨時調整。
設計的風格，背景色一般用深色調，深色調緊張感強，讓視覺更好的聚焦，大屏暗色調看上去更柔和舒服不刺眼，也會較省電。
大屏設計跟網頁不一樣，頁面不能有滾動條，大屏的長寬都是固定的。
字號跟網頁設計一樣不小于12號字，可以用于圖表的標注，數據信息建議14號字以上，大屏觀者遠距離才能看全內容，所以字號可以稍大一點。字體不一定只用一種，可以用到一些科技感強的字體，這里要注意，記得把字體給開發(fā)一份。
設計完成先去大屏上看一下效果，大屏的品質不一樣色調也會有很大的差別，要根據自家的大屏呈現效果做調整。
插件庫其中的一個效果
大屏設計會給設計師很大的想象設計空間，盡情發(fā)揮你的能力吧!
交互設計
小編把大數據可視化大屏分為兩種，一種“純展示型”另一種“展示+功能型”，具體怎么區(qū)分!
純展示型幾乎沒有交互，后臺錄入數據，在大屏上展示就行了。
展示+功能型，例如實時監(jiān)控數據、采集數據、數據對比功能、云計算數據、分析與預警等等。
這里就著重說一下帶有功能型的大屏產品的結構層(信息架構)。一切功能結構都要圍繞核心數據主頁面來架構，因為大屏展示的核心就是將一些業(yè)務的關鍵指標數據以數據可視化的方式展示出來。
功能型大數據可視化大屏結構層(信息架構)
大屏的交互，區(qū)別于網頁和app，首先要清楚一點，大屏使用群體可能就是公司內部的幾個人，而非面向廣大用戶群體，從這個維度上考慮，交互就可以弱化一些引導性的元素，例如一個可點擊的數據組件，就可以不加“點擊進入”按鈕。
也可以設計隱藏式的交互方式，例如鼠標左移動、上移動、出來控制面板(Mac電腦就有這樣的交互方式)，有控制臺是觸摸屏也可以結合手勢來設計交互方式。
為了讓用戶感知到一直停留在主頁面上，交互上跳轉頁面能用“關閉”按鈕就不用“返回”按鈕!
動效設計
大數據可視化大屏設計少不了動效，動效是可視化重要的組成部分，動效的增加能讓大屏看上去是活的，增加觀感體驗。但過分的動效極其容易喧賓奪主，讓觀看者的眼球不知道往哪里聚焦，反而弱化了數據的展示。
什么是過度的動效設計?這個度又該怎么把握?
看下圖動效設計過度的一個案例，當你試著去看圖表的內容，你的眼球一次一次的被閃動的邊框抓走，這就是過度的動效設計!
把握動效設計這個度其實并不難，只要看的舒服不影響數據清晰展示就可以，有數據展示的頁面最好動的地方不易過多，如果要多，幾個動畫就得有節(jié)奏的變化，例如一個動畫表現的視覺強，另一個就表現稍弱化，有強有弱、有主有次節(jié)奏才會舒服，同時動效能結合數據的變化而變化最好，這樣就不容易看數據內容被動畫抓走眼球。
