數據可視化主要旨在借助于圖形化手段，然而隨著需求和期待的不斷提高，在大屏數據可視化的實現上，出現了某種趨勢，即為了使其看上去絢麗多彩而顯得極端復雜，反而不能有效傳遞出數據信息。所以，究竟什么才是真正的大屏數據可視化？要設計這樣一款可視化大屏需要注意哪些問題呢？本篇文章將從專業的UI角度來探討該問題。

什么是大屏數據可視化？

在談論這個問題之前，我們首先要再強調一下“數據可視化”的概念。數據可視化其實就是通過信息圖對數據進行描述而設計，以讓人們更易理解的形式展示出來的一系列手段。其目的在于更形象地表達數據內在的信息和規律，促進數據信息的傳播和應用。

而大屏數據可視化是以大屏為主要展示載體的數據可視化設計。也就是通過整個超大尺寸的LED屏幕來展示關鍵數據內容。其特點在于“大面積”、“動效炫酷”、“色彩豐富”，大屏易在觀感上給人留下震撼印象，便于營造某些獨特氛圍、打造儀式感。利用其面積大、可展示信息多的特點，通過關鍵信息大屏共享的方式可方便團隊討論和決策，所以大屏也常用來做數據分析監測使用。

有一點需要明確，即大屏數據可視化的主要目的在于分析和傳達數據信息，并希望通過設計增加美感的同時能有效地縮短信息傳達的路徑。也就是說，它并不是簡單的把數據變成視覺設計圖，而是以數據為視角來看待世界。通俗的說，數據可視化就是“讓數據好好說話”，用信息圖去講述數據的故事。可視化是一種表達數據的方式，是現實世界的抽象表達。

數字化敘事設計的關鍵項

所以要設計出一個好的大屏，必須找到數據和它所代表事物之間的關系，按照“數字化敘事”去做設計，是全面分析數據的關鍵，同樣也是深層次理解數據的關鍵。那么在大屏UI設計中，如果想要美學形式與功能齊頭并進，平衡好設計與功能之間，就必須注意以下事項：

1、字體使用

字體優先使用系統默認字體，需要嵌入字體時考慮字體的可識別性、與當前設計風格是否融合、是否可免費商用。

2、字體選擇

字體方面，應選擇字母容易辨識不會產生歧義的字體。

1、要有辨識度，即字母容易辨識不會產生奇異的字體；

2、在字體大小上，字號跟網頁設計一樣不小于12號字，可以用于圖表的標注，數據信息類建議14號字以上，大屏字體可以適當的更大一些；

3、字母之間的間距應小于字偶間距，中文字之間的間距應該選擇寬松合適的；

4、在中西文混排時，要注意中文和西文間的間隔，一般排版的情況都是中文中混排有西文，所以需要在中西文間留有間隔，幫助用戶更快速的掃視文字內容。

3、背景色的使用

顏色是出色的工具，使用不當會讓讀者分心。背景色的選擇與可視化展示的設備相關，分為深色、淺色、彩色。

小屏幕背景色選擇范圍比較廣，淺色、彩色、深色均可以做出很好的設計。相比之下，淺色背景更適合展示大量的數據信息，因為在淺色底上數據圖表的識別度比較高。而深色、彩色背景更適合渲染簡單的數據，用于烘托氣氛。

在大屏設備中普遍用深色作為背景色，以減少屏幕拖尾，觀眾在視覺上也不會覺得刺眼。所有圖表的配色需要以深色背景為基礎。保證可視化圖的清晰辨識度，色調與明度變化需要有跨度。

這是因為深色暗色背景可減少拼縫帶來的不適感。由于背景面積大，使用暗色背景還能夠減少屏幕色差對整體表現的影響，同時暗色背景更能聚焦視覺，也方便突出內容，做出一些流光、粒子等酷炫的效果。

4、顏色搭配

應使用色彩明度與飽和度差異顯著、對比鮮明的配色，盡量避免使用鄰近色配色。當然如果顏色過于相似（例如淺灰與更淺的灰）也要避免，因為人們難以發現兩者間的區別。相反，也要避免強烈的對比色，例如紅配綠或藍配黃。

5、用一種顏色去表達相同類型的數據

在圖表中一般使用自然增量（0、5、10、15），而非不均勻的增量（0、3、5、16）排序則要尋求均勻，不能在視覺上造成無序感。

6、對比

可視化讓數據對比更直觀，但是僅僅把兩組圖表緊挨著放在一起并不能達成這個目標，甚至更令人費解。試想將32個不同的餅狀圖放在一起對比系不系很闊怕?

7、選擇最高效的可視化圖形

想要保持視覺的一致性，讓讀者可以一眼辨別出，這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形，不要讓讀者費力去對比太多東西。

好了，理論說了這么多，是不是覺得有點抽象？別著急，上一波通過億信BI酷屏做出來的優秀案例，或者你會有更直觀的了解。

注意這些可視化UI設計注意事項，一定能讓你的作品用戶體驗更佳！