百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

數據可視化大屏設計指南

發布時間:2020-07-21 11:45:07

隨著大數據時代的到來,越來越多的企業對于數據可視化大屏投放的需求日益增多。數據可視化是數據價值的最直觀體現,已成為日常辦公、應急處理、指揮調度、戰略決策等場景下必不可少的一部分。

一、什么是數據可視化大屏?

數據可視化主要旨在借助于圖形化手段,清晰有效地傳達與溝通信息。數據可視化大屏就是一種非常有效的數據可視化工具,它可以將產品的關鍵指標以可視化的方式展示到一塊或多塊LED大屏上,讓工作人員清楚快速地捕捉到重要信息。

UIPower案列-飛機檢修系統

二、數據可視化大屏設計流程

1、前期準備

(1)明確需求??梢暬笃猎O計之前,首先要和客戶充分溝通,明確客戶需求。

(2)了解大屏尺寸。確認大屏的使用場景,設計尺寸與大屏拼接方式。(拼接屏像素超大可等比例縮放)

(3)根據客戶提出的需求確定可視化圖表的類型。一般常用的可視化圖表有柱狀圖、折線圖、餅圖、散點圖、雷達圖等。

2、排版布局

(1)確定關鍵指標。在做可視化設計之前,我們需要從客戶提供的信息中提取出關鍵指標。一般情況下,一個指標在大屏上會獨占一塊區域,通過關鍵指標定義,我們可以知道大屏上大概會顯示哪些內容以及大屏會被分為幾塊。

(2)頁面布局劃分。在尺寸和關鍵指標確定好之后,我們可以對大屏頁面進行布局劃分。主要指標位于大屏中央,可以是三維地圖,也可以是多維動效豐富的產品模型;次要指標位于大屏兩側,多用各類圖表展示,對數據信息做一個補充說明。

對頁面布局劃分要做到主次分明,條理清晰,注意留白,避免圖表面積過大,喧賓奪主。

例如UIPower設計的特斯拉智慧汽車管理平臺、歐姆龍綜合管廊智慧平臺、浙江省智慧城市綜合管理平臺等。

UIPower案列-飛機檢修系統

(3)在實際項目中,可能會遇到比較復雜的情況,需要顯示更多的指標。此時在對這些指標布局均勻合理的基礎上,整體微調是良好的設計原則。

3、視覺設計

(1)配色??梢暬笃猎O計顏色一般以深色為主。深色設計不僅是為了讓視覺更好聚焦,而且在長時間觀看之后我們的眼睛也不會出現視覺刺痛感。

(2)一致性。在UI設計中,我們必須要遵循一致性原則。顏色、間距、字體大小、圖標、組件顏色等都要做到統一。

(3)細節點綴。在可視化大屏設計中,細節設計也會極大的影響整體效果。通過適當給元素、標題、數字等添加一些諸如邊框、背景等在內的點綴效果,能幫助提升整體美觀度。

(4)動態效果??梢暬笃猎O計少不了動效,動效是可視化的重要組成部分。合理地使用動效能讓大屏展示效果更加炫酷,直接給人留下震撼印象。

以上就是數據可視化大屏設計規范的全部內容,相信認真看完這篇文章的你,對數據可視化大屏設計會有一個更深刻的認識。





{转码词},{转码词1},{转码词2},{转码词3}