tft每日頭條

 > 科技

 > 怎樣做出大屏可視化數據效果

怎樣做出大屏可視化數據效果

科技 更新时间:2024-08-16 23:59:51

随着大數據技術和智能顯示技術的發展,數據大屏已經成為IT信息領域一種普遍的數據展示應用場景。從政府的宏觀政務決策,到企業的生産管理,從環保數據的實時監控,到電商平台的流量監控,都離不開數據大屏的身影。可視化數據大屏承載着各種組織對内信息共享、決策分析,對外信息公布、行業交流、會議現場展示等重任,被越來越廣泛的應用。

可視化數據大屏是以數據可視化的方式在一個或多個LED大屏幕上、液晶顯示屏上顯示業務的一些關鍵指标,以大屏幕為主要顯示載體的數據可視化設計。也就是說,關鍵數據内容是通過整個超大屏幕顯示的。大屏幕容易給人的觀感留下震撼的印象,方便營造一些獨特的氛圍,營造儀式感。由于其面積大,可顯示信息多,将業務關鍵指标以可視化方式進行數據展示、數據分析,使決策者對共享關鍵信息的讨論和決策更直觀、更便捷,從而大幅提升企業管理能力。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)1

一、數據大屏的應用場景

目前,随着數據分析技術的深入應用,可視化大屏在各個行業的應用越來越廣泛,尤其是在政府、商業、金融、制造等行業的業務場景中。例如,可視化大屏作為傳遞信息的有效手段,在城市智能運營中心、應急指揮中心、公安監控中心、電力調度中心、金融交易大廳等部門和機構中發揮着重要作用。它具有日常監測、分析判斷、應急指揮、展示彙報等多種功能,在提高科學管理水平方面發揮着重要作用。各行的數據大屏應用可以歸納為以下幾種場景:

一、展示類

展示類的場景一般是指企事業單位為了展示其核心經營理念、核心的公司戰略/公司品牌理念,業務亮點、主要對外展示的整體公開數據等。目的是對外呈現企業的整體宏觀數據,向領導彙報業務成果,向業界展示業務實力。

例如,某大型集團展示其員工總數、納稅總額、分支結構、在建項目等,主要展示其公司的整體實力。主要用于領導或同行的參觀介紹、對外形象展示等。

展示類場景大部分采用平鋪的方式來布局展現信息,風格符合企業整體的UI,美觀大氣。配套數據大屏需要有相關的講解腳本,突出業務亮點。

展示類大屏對大屏的交互性一般要求不是很高,主要側重美觀度和震撼力。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)2

二、監控類

監控類數據大屏的關注重點是在業務方的監控關鍵點上,實時跟蹤業務數據變化,對異常數據及時告警,從而保證業務正常運行。例如,生産制造型企業需要對整個生産過程的數據進行監控,如果發現運行異常,便需要及時通知到産線人員,及時排查原因,解除故障,保證生産作業正常進行。

監控類數據大屏根據不同業務和使用場景中需要監控的内容類型不同,需要對IOT、設備、視像頭都硬件數據進行采集跟蹤,通過圖像、視頻、可視化圖表等多種可視化手段結合使用,數據狀态變化表現要明顯、及時。

大屏設計時要保證數據的高度實時性,同時,要充分考慮監控使用人員認知習慣,監控痛點,被監控事物關鍵狀态及傳統展現形式。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)3

三、分析類

分析類數據大屏主要用于展示和分析企業實際具體的業務數據,并通過對數據的鑽取、聯動、透視等交互性操作,挖掘出數據背後的原因,通過數據可視化為管理決策提供科學的數據支持。例如,企業經營管理的财務數據的營業收入、利潤、現金流、應付賬款等财務指标發生變化,需要按照不同的業務單元、時間等維度,分析其變化的原因。

分析類數據大屏要求對數據邏輯和業務了解比較深入,設計出的可視化元素需要具體的分析結果的展示,對數據的規範性、關聯性、邏輯性要求較高,對大屏設計人員的業務能力和數據分析能力要求也比較高,所以設計難度較大。

同時,分析類大屏會被經常用于企業經營分析會議,需要基于大屏成果進行深度分析,鑽取、聯動、切片、篩選、透視等交互分析能力要求很高。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)4

二、可視化大屏設計要點

一張優秀的可視化數據大屏不僅要美觀酷炫,吸引眼球,更重要的是布局合理,重點突出,服務于企業業務數據。

隻有這樣才能使最終讀者可以清晰的獲取數據信息,輕松的與數據對話。

一個優秀的可視化數據大屏需要全面考慮布局排版、可視化組件選擇以及美觀技巧等多個方面。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)5

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)6

1、排版與布局

在制作儀表闆時,一般都要有所側重。将重要指标和核心數據放在中間,次要和輔助的數據指标放在兩邊或者周圍,基本遵循下圖中的設計原則。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)7

當然您也可以根據實際需要進行調整,比如下圖幾個結構。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)8

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)9

總之,重要的指标要放大一些,這樣可以使讀者迅速定位到關鍵信息。然後再通過周邊的指标來進一步分析數據。

實際使用中,您可以将圖中的次要指标分成多個小的組件元素來使您的儀表闆更加豐富。

2、可視化組件選擇

商業智能BI系統和數據可視化軟件會内置豐富的圖表、地圖、KPI、表格等上百種可視化效果,可以各種數據分析和可視化設計需求。

那麼,在實際設計數據大屏時,我們該怎樣選擇使用哪一種組件呢?

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)10

選擇圖表要根據數據的分布特征進行,大部分情況下,分析圖表可以分為比較、分布、構成、聯系四大類。具體根據分析方法可以細分為以下場景:

  • 水平分析
  • 結構(百分比)分析
  • 環比、同比:年度、季度、月度、時間周期
  • 對比:分類
  • 占比、累計、排名
  • 排名:升序、降序
  • Top/Bottom:Top N、Top %
  • 條件格式化:背景色、圖标集、色條
  • 透視分析:透視表

趨勢類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)11

占比類\分布類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)12

KPI類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)13

對比類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)14

地圖類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)15

表格類

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)16

3、美化技巧

數據大屏設計人員需要掌握的不僅僅是大屏可視化工具,對于數據設計也要有一定的功底,已經生成的圖标和圖片使用專業化的軟件進行美化,得到更好的數據可視化的結果。在儀表闆設計過程中,為了使我們設計的可視化大屏更加美觀,更加酷炫,經常需要增加多個裝飾性元素,對整個可視化大屏的外觀進行美化。

例如可視化大屏增加的背景顔色,背景動畫效果,可視化元素增加邊框,增加背景圖片等等。

(1) 背景主題

全局設置背景主題,背景圖片,以及添加背景動畫效果。

(2) 标題設置

靈活利用文本框,圖片,容器,擴展插件等元素設置個性化酷炫的大屏标題。

可以選擇圖片,文本框或者容器作為底部裝飾,選擇該組件的背景圖片進行替換,作為标題的背景裝飾,文字邊框等等。

(3) 可視化組件背景或多種組件組合使用

可視化組件可以設置屬性背景圖片增加背景裝飾,背景動畫,也可以靈活組合多種組件,實現更靈活,更豐富的背景裝飾。

給可視化組件設置背景圖片屬性增加背景裝飾。

三、數據大屏的設計過程

設計一張數據大屏的核心内容包括資源準備、全局配置、大屏框架搭建、組件細化等步驟。本文以下圖:保險行業數據可視化大屏幕為例介紹。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)17

1、準備資源

數據大屏開始具體制作之前,需要進行相關資源準備工作。這裡的資源準備主要包括兩個方面:

l 數據準備:

指數據大屏所需展示的業務場景的數據源、各分析圖表所需的數據集。

本文示例中使用Wyn Enterprise 系統内置的保險明細數據數據集。

數據源的連接:

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)18

設計數據模型:

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)19

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)20

l 設計相關資源準備

比如背景圖片,組件圖片等等。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)21

2、全局配置

新建儀表闆,進行全局設置,将全局的一些參數和設置都提前設置好。比如文檔主題、組件全局去邊框等。根據要展示的元素或者美工提供的設計圖,提前考慮整體布局。

3、搭建大屏框架

示例保險行業數據大屏儀表闆,它主要由以下幾個部分構成:

頂部的标題部分、中間的流向地圖、周邊的指标和底部的面積折線圖。

1) 設計标題

明确整個大屏的标題,并設置标題組件的背景樣式。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)22

2)添加背景和整體配色風格

常見的數據大屏的主題風格主要以深色居多,比較容易給觀衆醒目的視覺沖擊,更容易發現數據的特征,美觀度高。數據大屏工具中内置了豐富的主題樣式,用戶隻需要根據需要選擇即可。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)23

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)24

3)設計布局

根據大屏整體展示效果圖或者美工提供的設計稿,分配好大屏的元素布局和位置。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)25

4、 組件美化

将大屏框架搭建起來之後,就可以細化填充組件,綁定數據,設置展示數據分析,外觀等。

首先來看中間的流向地圖,如下圖所示為流向地圖綁定數據即可。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)26

其他組件也是相同的設計方法。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)27

每個組件的配色可以使用内置的“調色闆”進行自定義調色。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)28

最終,一張美觀大氣的數據大屏就設計完成了。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)29

四、Wyn Enterprise數據大屏方案的優勢

拖拽式設計,無需編碼

以拖拽方式快速設計儀表闆,支持磁貼布局和自由疊加布局,而且支持多頁面儀表闆功能。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)30

豐富的可視化圖表

内置圖表、地圖、KPI、表格等共60多種可視化效果,支持可視化插件機制,便于實現更多個性化需要。

酷炫的動畫與特效

極強的視覺體驗和沖擊力,提供豐富3D圖表、輪播動畫、自動翻頁、表格滾動等動畫特效。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)31

支持視頻監控與視頻

可對接攝像頭将監控視頻集成到數據可視化大屏中,更便于實時畫面監控。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)32

多源實時數據展示

提供數據源集成、數據刷新設置選項,可按天/時/分/秒配置數據可視化大屏的自動刷新周期。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)33

交互式探索分析強大

用戶可進行圖表聯動、鑽取、排名、排序、過濾、圖表切換、條件預警等交互探索功能。

多終端快速部署

LED大屏、電視大屏等不同大屏設備,不同尺寸,支持自适應布局,無需二次設計。值得一提的是,Wyn Enterprise針對普遍使用的智能電視大屏,專門提供可定制的Android APP,能輕松實現一鍵部署,避免了逐台電視機輸入網址的麻煩。

怎樣做出大屏可視化數據效果(手把手教你如何設計可視化數據大屏)34

小結

通過本文講到的數據大屏的設計思路和方法,結合推薦的數據大屏設計工具,您可以快速完成數據可視化大屏的開發和部署:按照從數據準備到數據大屏結構設計、美化,再到多種不同場景的大屏展示的标準流程,快速将數據展示到生産車間監控大屏、會議室決策大屏、企業大廳參觀大屏等各種場景,真正的通過數據大屏,展示企業信息化和數字化的落地價值。

如果您對數據可視化大屏和數據分析感興趣,我們推薦您免費下載Wyn Enterprise軟件,并報名參加配套的新手訓練營教程,開啟您的數據大屏之旅!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved