大屏數據可視化規範總結

摘要：根據需求內容及硬件尺寸確定頁面佈局方式，以下佈局爲常用佈局方式，在實際工作中可能會遇到相同的需求內容會展示在不同比例的大屏硬件中，這時將設計稿的設計尺寸高度固定，地圖寬度自適應，用一個設計稿一次開發解決不同尺寸適配問題。不同展示內容選用不同形式的圖表，但有時候爲了視覺效果豐富，不會在一個大屏裏顯示相同的圖表展示方式，這時需要了解圖表特性與需求內容將圖表差異化展示。

        <div>

最近關於大屏的項目做的比較多，目前手頭項目結束，有時間將內容整理分享，基於目前手上的某省監獄項目做可視化大屏規範分享希望能對大家有所幫助。

大屏數據可視化概念

數據可視化，是關於數據視覺表現形式的科學技術研究。其中，這種數據的視覺表現形式被定義爲，一種以某種概要形式抽提出來的信息，包括相應信息單位的各種屬性和變量。上述文字來自百度百科，做了許多大屏之後，可總結大屏分爲 信息展示 、 數據分析 、 監控預警 三大類。利用屏幕大可展示信息多的特點，將複雜、抽象的內容通過可視化更加直觀的方式，以易於理解的形式幫助人們更好決策。

設計需求瞭解

1. 需求分析

一般產品經理需要想清楚大屏展示的內容動線，需要給觀者講述什麼故事，由於視覺展示往往也起着決定性作用。所以在需求分析排布時設計師需要提前加入項目中瞭解項目需求，以展示問題解決問題爲目標將業務模塊理出順序。

2. 視覺設計

平時利用Eagle這款圖片收藏軟件很好的幫助我在需要靈感素材時快速上手。關鍵詞：FUI \ HUD \ SCI-FI 設計網站：behance、dribbble、站酷、Tob.design、UI中國、花瓣、pinterest 業務場景：智慧園區、智慧安防、智慧交通、智慧城市、智慧監獄、智慧水利、智能客服、智慧倉儲、智慧醫藥、智慧零售、智慧工業、數字港口、智慧工程

3. 硬件瞭解

數據可視化最終落地平臺一般有① 大屏、② 拼接屏、③ LED大屏、④ DLP大屏（無縫隙拼接市場佔有率較高）、⑤ LCD、⑥ PDP（3mm拼接縫隙）需要清除了解大屏物理尺寸及視頻輸出分辨率，確定設計稿尺寸。

根據需求內容及硬件尺寸確定頁面佈局方式，以下佈局爲常用佈局方式，在實際工作中可能會遇到相同的需求內容會展示在不同比例的大屏硬件中，這時將設計稿的設計尺寸高度固定，地圖寬度自適應，用一個設計稿一次開發解決不同尺寸適配問題。

4. 圖表類型選擇

將抽象的需求用圖表的形式展示，一般圖表分① 比較類 ② 佔比類 ③區間類 ④關聯類 ⑤ 趨勢類 ⑥ 時間類 ⑦ 地圖類。不同展示內容選用不同形式的圖表，但有時候爲了視覺效果豐富，不會在一個大屏裏顯示相同的圖表展示方式，這時需要了解圖表特性與需求內容將圖表差異化展示。並在項目積累到一定程度時整合圖表庫以便於下次項目快速設計避免重複工作。