1. 程式人生 > 其它 >資料視覺化大屏設計指南

資料視覺化大屏設計指南

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

一、什麼是資料視覺化大屏?

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

二、資料視覺化大屏設計流程

1、前期準備

(1)明確需求。視覺化大屏設計之前,首先要和客戶充分溝通,明確客戶需求。

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

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

2、排版佈局

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

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

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

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

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

3、視覺設計

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

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

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

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

以上就是資料視覺化大屏設計指南的全部內容,相信認真看完這篇文章的你,對資料視覺化大屏設計會有一個更深刻的認識。

文章來源:http://www.uipower.com/news/LargeDcreenDesignGuide.html