對於大數據從業人員來說，可視化大屏可能是最能展現工作價值的一個途徑。因為數據分析的最後成果就需要可視化展現出來，而可視化大屏這種直觀的、炫酷的、具有科技感的方式，更能獲得領導喜歡。
那麼領導到底想要看什麼樣的可視化呢？比如類似於這樣的：
那怎樣設計製作出領導滿意、效果拔群的可視化大屏呢。下面這些設計步驟，必須瞭解。
1、客戶溝通，明確需求
可視化大屏開始設計之前，最重要的就是，跟客戶進行溝通，明確用戶的需求。
整體項目是利用大屏設備進行相關數據及圖表展示，我們預想將項目應用的場景分為兩種情況：1.專業展示：參與商務活動、分享或為某些團體進行講解及展示使用。2.普通展示：主辦公區域或前臺大廳實時數據展示。
通過應用場景，還可以進一步將用戶進行區分。
△明確客戶需求步驟
A. 專業用戶：即參加商務活動、分享等，需瞭解具體數據內容的用戶。此類用戶會較為細緻的查看每項數據；
B. 興趣用戶：即無論數據在何處展示，其對數據都有濃厚的興趣，會去駐足停留，仔細觀看及分析數據。
C. 普通用戶：即匆匆過往的人群。這部分用戶可能只會在屏幕前短暫停留。
將場景和用戶進行分類後，就可以進一步根據他們的需求，進行需求可視化大屏的歸集。
2、瞭解物理大屏，確定設計稿尺寸
大屏一般分辨率比較高，如果不事先確定物理大屏尺寸，設計稿設計出來的效果被投放到大屏上就會有偏差失真。一般情況下，確定設計稿尺寸需要分兩種情況：當投屏電腦與與大屏系統尺寸比例、分辨率一致時，設計稿的尺寸、分辨率以投屏電腦為準；當投屏電腦與與大屏系統尺寸比例、分辨率不一致時，設計稿的尺寸、分辨率以物理大屏為準；
注意，若物理大屏分辨率過高，可進行分辨率減半設計
△大屏系統示意圖
所以，一般我們也不建議大屏用自適應方式，如果是自適應，系統就會按各自模塊的寬高比先計算實際值，一旦大屏內容佈局較多或指標計算複雜，則會非常影響大屏計算性能和實時分析能力。
3、確定關鍵指標
關鍵指標是一些概括性詞語，是對一組或者一系列數據的統稱。一般情況下，一個指標在大屏上獨佔一塊區域，所以通過關鍵指標定義，我們就知道大屏上大概會顯示哪些內容以及大屏會被分為幾塊。
以學校校情大屏為例：這裡的關鍵指標是教學經費投入、教學用房面積、多媒體教室座位等。
△教育大屏關鍵指標示例
確定關鍵指標後，根據業務需求擬定各個指標展示的優先級（主、次、輔）。
主要關鍵指標：主要指標位於屏幕中央，多維動效豐富的地圖或者其他次要關鍵指標：次要指標位於屏幕兩側，多為各類圖表輔助關鍵指標：主要指標的補充信息，可不顯示或顯示。
4、頁面佈局劃分
尺寸和關鍵指標確立後，接下來要對大屏進行佈局和頁面的劃分。這裡的劃分，主要根據我們之前定好的業務指標進行，核心業務指標安排在中間位置、佔較大面積；其餘的指標按優先級依次在核心指標周圍展開。一般把有關聯的指標讓其相鄰或靠近，把圖表類型相近的指標放一起，這樣能減少觀者認知上的負擔並提高信息傳遞的效率。
主次分明、條理清晰、注意留白，合理利用大屏上各個小的顯示單元，並儘量避免關鍵數據被拼縫分割。
△大屏規劃佈局示例
這一點要求我們注意視線的移動規律。比如橫向排版的信息，人們一般會首先注意左上角。因此，標題一般出現在這個位置。看過左上角之後，用戶的視線會往右下方移動。我們在排版佈局的時候，應該遵循視線的移動規律，人眼在觀察物體的時候，目光不會只聚焦在一點上，而是會覆蓋焦點周邊的一片區域。把時間的流逝感和視線的移動相結合，就能產生更好的效果。
5、確定統計圖類型
選定圖表注意事項：易理解、易實現；圖表類型選擇，可以參考億信華辰酷屏統計圖，百餘種統計圖組件，任君選擇。
易理解：要考慮大屏最終用戶，可視化結果應該是一看就懂，不需要思考和過度理解，因而選定圖表時要理性，避免為了視覺上的效果而選擇一些對用戶不太友好的圖形。
易實現：某些效果用設計工具可以輕易實現，但開發要用代碼落地卻非常困難，所以大屏設計中一定要善用工具，切忌不計成本，埋頭苦作。
△億信ABI統計圖
選擇統計圖有以下兩個重要原則：
a. 符合業務場景數據特點
統計圖的基礎就是數據，所以在進行統計圖選擇時候，最重要就是要符合業務場景中數據的特點。這裡根據歸結圖表的特點，彙總出一張思維導圖，幫助大家更快地選擇展現數據特點的圖表類型。
△統計圖選擇建議（點擊大圖查看）
b. 吸引眼球，令人心動
龐大的信息量充斥我們的生活，一張信息圖的設計如果沒有特色很快就會被淹沒。因此，不論是從結構出發，還是趣味性，抑或是色彩衝擊力，一定要有足夠吸引人的地方，首先讓用戶產生興趣。不管是展示什麼樣的信息內容，都要加入一些讓人耳目一新的元素。
億信酷屏內置百餘種炫酷組件，拖拽即可實現大屏製作。如下面這款，億信酷屏中的魔法水晶球統計圖組件，完全打破了統計圖的侷限，將重要數據重點展示，炫酷清晰，用在政務雲、雲計算、智慧城市等大屏中，效果驚豔。
△億信酷屏內置組件-魔法水晶球
6、定義設計風格
可視化大屏的設計風格主要根據行業類型、客戶喜好、具體展示指標整體搭配，但總體一般以深色為主，這主要是因為大屏如果是淺色系長時間觀看會造成眼睛疲勞、刺疼，還一點就是淺色上面不是很適合體現動感光線等特效的展示。當然大屏雖酷炫，但我們也不能忘記了為了炫酷而炫酷，實際我們還是要以展示具體指標為主要目的。平時的時候可以多看一下優秀的可視化大屏案例網站，也會對設計風格有良好的幫助。
△優秀可視化網站—花瓣網
△優秀可視化網站—億信華辰官網
數據是核心，場景是大數據呈現的承載體；場景使用具有金屬質感的深青灰，符合理性的、冷靜的、智能化產品的個性；數據色彩使用透明、發光、具有未來感的高亮色，和場景形成強對比，使數據更為突顯、更具吸引力；為了強化客戶對於風險的感知，通過顏色區分數據的風險等級，更直觀的傳達數據的含義。如：高風險的使用紅色，紅色讓人聯想到危險、警報。
△大屏設計風格示例
同時，億信酷屏在進行大屏設計時，提供了十餘套大屏模板以供選擇，滿足不同客戶不同場景不同風格需求。
7、可視化顏色搭配
色彩是最能給人直觀感受的，能夠直接的牽引用戶去尋找有效信息。整體色彩確定後，便運用色彩來劃分信息的層級關係，用主色調強調重點內容，以引導用戶能夠清晰、明確、迅捷的識別重要信息。
圖表需要的顏色較多時，建議最多不超過12種色相。通常情況下人在不連續的區域內可以分辨6〜12種不同色相。過多的顏色對傳達數據是沒有作用的，反而會讓人產生迷惑。
8、動效設置
整個項目中有許多數據都是實時變化的，為了減少數據變化刷新時的突然性，動效設計必不可少。在整個動效設計的過程中，除過場動畫、數據的變化外，動效還肩負起增添空間感、平衡畫面和整合信息的作用。 但是在增加動效的同時，仍需考慮服務器在承載大量數據湧入的同時，是否能夠承載較多的動效，分析畫面與數據量，對動效部分進行適當取捨。使動效不必喧賓奪主，明確畫面中的重點進行展示。
億信酷屏內置炫酷動效，支持SVG特效和3D特效，支持鑽取、聯動等動態分析功能，提供專業化定製，打破可視化動效展示瓶頸。
△酷屏大屏動效案例
9、定稿
終於來到激動人心的一步，定稿。因為我們在前幾步已經分別確定了頁面佈局、圖表類型、設計風格特點，所以這一步我們需要用盡可能簡單的方法 ，把之前幾步的成果在頁面上快速體現出來。
然後根據樣圖效果嘗試確定五方面內容：
- 之前確立的佈局在放入設計內容後是否依然合適；
- 確立的圖表類型帶入數據後是否仍然客觀準確；
- 根據關鍵元素、色彩、結構、質感打造出的頁面風格是否基本傳達出了預期的氛圍和感受；
- 已有的樣式、數據內容、動效等在開發實現方面是否存在問題；
- 大屏是否存在色差、文字內容是否清晰可見、頁面是否存在變形拉伸等現象。
如果還有細節問題可以進一步調優。
閱讀更多 億信華辰 的文章
