023-89128391
您現在所在位置:首頁 > 解決方案
解決方案

数据可视化大屏界面解決方案

發布日期:2021-01-29浏覽次數:59

一、前言


科技改變生活,也在改變我們看世界的視角。隨著通信、信息和顯示技術的高速發展,大屏行業已成爲一個快速發展的新興産業,市場空間巨大,前景廣闊,廣泛應用于室內外需要進行服務和宣傳的公衆場所,數據也不再是存儲在電腦硬盤中酷寒的數字,也可以生動地展示給大衆,大屏顯示已成爲都市亮化、現代化和信息化社會的一個重要標志。

UIPower經常會接到大屏設計的項目,好比卡斯柯大屏監測系統設計及開發、申能集團可視化大數據綜合展示平台設計、視頻監控系統大屏界面設計、浙江運達風電信息化界面設計與開發等等。在項目過程中我們積累了大量的經驗,總結出大屏設計的特點及數據可視化的表達方式,今天就和各人一起分享交流~

二、大屏顯示應用的領域和行業

大屏顯示應用領域很是廣泛,有安防行業、數字標牌商用顯示、展覽、娛樂文化領域、演出和集會、體育領域、調度指揮中心信息顯示、證券交易、金融信息顯示,除此之外,在交通誘導系統,教育領域,機場航班、汽車站、口岸、車站動態信息顯示等等也多有應用。

image.png

三、大屏界面的應用場景

隨著企業數據的海量積累,大屏數據可視化需求正在逐步擴大:一些監控中心、指揮調度中心需要依據實時數據快速做出決策;企業展廳、展覽中心需要數據展示平台;電商平台在大促活動時,通過對外宣布實時銷售數據作爲廣告手段;演示中心如會議廳、演播廳、購物中心、車站、機場需要通過大屏進行信息展示、宣傳廣告等等。數據大屏可視化的具體展示形式多種多樣,分爲帶觸摸、交互式操作、單向信息展示等,已經被越來越多的企業應用。例如去年雙十一購物狂歡節,阿裏接纳的實時數據大屏,就帶給了觀衆越发准確、震撼和清晰的體驗。

四、大屏界面的設計語言和設計偏向

大屏幕顯示及大數據可視化的確有其特點,可以形成特定的設計語言。通過分析,確定設計的風格,有科技感,有的需要展示出豐富的信息層次、新穎的圖標和動效,有的是需要展示數據的權威性。

1、结构柵格化

拼接的大屏尤其適合柵格化的設計。大屏上內容的模塊化可以任意拼接組成一屏畫面的形式,用柵格化的形式也可以發揮得很好。每一個模塊是一個單元格,相互統一又獨立,可以放大和隨意擺放。每一模塊遵循統一的設計風格、UI規範。

2、色彩對比強,暗色爲主

在室內,如果色彩鮮豔、畫面動效不斷,就成了24小時長時間播放的電影,人的本能就會注意力集中在其上。在監控中心的事情人員,一排排桌椅直對著大屏,長期如此,事情人員會受不了的。因此,屏幕內容需要動靜之分;大屏以暗色爲主,這樣人們的視覺更容易集中在亮色爲主的信息之上。

3、地圖、線路圖及上面地點概況信息的設計、動效渲染

一個好的流程可以讓我們事半功倍,可視化的設計流程主要有分析數據、匹配圖形、優化圖形、檢查測試。

a)通過對原始數據進行標准化、結構化的處理,把它們整理成數據表。

b)將這些數值轉換成視覺結構(包罗形狀、位置、尺寸、值、偏向、色彩、紋理等),通過視覺的方式把它表現出來。例如將高中低的風險轉換成紅黃藍等色彩,數值轉換成巨细。想要清楚地展現數據,就要先了解所要繪制的數據,如元數據、維度、元數據間關系、數據規模等。

c)將視覺結構進行組合,把它轉換成圖形傳遞給用戶,用戶通過人機交互的方式進行反向轉換,去更好地了解數據背後有什麽問題和規律。這需要法式員和設計師配合。

d)大屏的實時效果是加入數據之後才气看到整體,是一個不斷的調整過程,進一步優化維度、動效和數量。

e)對于維度:每個維度,只用一種表現,清晰易懂;動效:考慮時間和情感的把控,從原來的1.5ms改爲3.5ms。

f)最後還需要檢查測試,從頭到尾過一遍是否滿足需求;實地投放大屏幕後,用戶是否方便閱讀;動效能否達到預期,色差是否能接受;用戶能否理解。

image.png

五、UIPower大屏開發技術的焦点點——PowerUI

在真正了解PowerUI之前,先給各人介紹目前市面上主流的大屏開發技術:

1、首先要說的是WPF,WPF(WindowsPresentationFoundation)是微軟推出的基于Windows的用戶界面框架,一經上線就受到廣大法式員的熱烈追捧,雖然用WPF做出的界面效果可以很炫,但同時也伴隨著许多問題,我簡單說幾條:

a) 首先就是绘图效率低。如果你使用WPF来做界面开发,肯定对这点痛心疾首,但又无可奈何,究竟WPF的绘图机制决定了它的渲染效率不会高,而且绘图机制是不容易改变的。所以用WPF来制作界面,就意味着对大屏硬件设备有更高的要求,考虑到动辄成百上千万的大屏硬件设备采购用度,可以说是很是不划算的;

b) 其次WPF不支持Linux,究竟WPF是微软推出的,肯定是为微软的Windows系统服务的,至于Linux系统完全不在他们的考虑之列。但是目前许多项目,包罗科研院所、军工类等,他们支持的系统只有Linux,因为宁静是第一要素。Linux是开源的,在开源基础上,可以做许多宁静防护;而Windows系统,究竟是M国的不是吗,本文是技术讨论,就不涉及政治了……要继续强调的是,现阶段除了上面提到的这些大型科研类或军工类项目,也有许多公司为了适应客户需要,接纳Linux系统。

2、第二個要提到的技術就是現在很火的Html5,Html5技術現在這麽火,我就不贅述了,涉及過或者正在使用Html5來做大屏UI開發的話,肯定會遇到這樣幾個問題:

a) 刷新效率低:大多数大屏界面开发都陪同着大数据可视化,多数据多图表展示,而Html5的数据获取方式是基于web请求来获取的,获取的效率取决于后台盘算、网络状况等多个方面,很洪流平上影响了数据刷新效率,从而影响数据展示的实时性,这一点是由于Html5自身机制决定的;

b) 展示效果单一、不灵活:Html5目前有Highcharts 和 Echarts ,提供了许多绚丽的“控件”,可以让大屏展示更上一层楼。这里的“控件”我为什么要打上引号呢,原因很简朴,其实Highcharts 和 Echarts 里的控件并不是像我们理解的控件那样灵活多变、效果富厚,他们使用起来没那么灵活,而且性能低、也无法做到内存控制。控件应该具有的属性,而他们都不具备,所以针对这些“控件”,如果你直接套用可以满足最低要求,但是想做灵活定制,基本改变不了。

3、最后要给各人介绍大屏解決方案中运用的秘密武器—PowerUI,在大屏界面设计和开发历程中,它到底发挥了哪些强大的功效呢?

a) 强大控件库:大屏界面展示需要庞大多样的控件,PowerUI提供了上千种控件。与Highcharts 和 Echarts差异,PowerUI提供的所有控件都具有富厚的展示效果和界面样式,而且可以凭据需求灵活定制、随意调整。接下来就给各人简朴地介绍几种常用控件:

地圖控件:大屏界面多數會接纳地圖來展示數據,PowerUI提供多種地圖控件提升地圖展示效果;

image.png

圖表類控件:大屏界面數據化展示離不開圖表類控件展示,PowerUI的圖表類控件展示效果和界面樣式多樣;

image.png

b) 渲染引擎:PowerUI具有自主研发的渲染引擎,绘图接纳纯虚的图像设备上下文对种种图像宣传引擎进行全面的支持;

c) 跨平台:PowerUISDK是界面运行支持库,利用该SDK使得我们编辑完成的界面可以在差异的操作系统下运行,为这些界面和控件的运行提供支持;

d) 对WPF的支持:拥有PowerUISDK,可以支持Linux下界面开发,而且可以在一定水平上支持WPF,为WPF提供更多样化的控件,须要的时候还可以迁移WPF控件,使WPF同样具有跨平台功效,可以支持Linux下界面开发;


你覺得這篇文章怎麽樣?

0 0
網友評論

治理員

該內容暫無評論

美國網友
在線客服
服務熱線

服務熱線

023-89128391

微信咨詢
重庆澳门尼威斯人网站科技有限公司
返回頂部