北京交科院科技發展公司和藍藍設計合作“交通數據瞭望臺”。數據“瞭望臺”是結合用戶需求為中心的主題規劃,通觀全局綜合態勢,將海量、不同來源、多維度的數據源深度融合關聯以支持科學決策和感知研判,一體化聯動交互控制、可擴展和復用、靈活部署和發布的專業級大數據可視化平臺。
基于行業數據的積累,用更生動、友好的形式,即時呈現隱藏在瞬息萬變且龐雜數據背后的業務洞察,在交通運輸領域通過交互式實時數據可視化視屏墻來幫助業務人員發現、診斷業務問題,越來越成為大數據解決方案中不可或缺的一環。
行業態勢展示了道路交通運輸行業的基礎數據和走勢,實時反映行業的運行狀態,將采集的數據形象化、直觀化、具體化。為了加強某些重點工作,我們還需加入“聯網聯控”、“互聯互通”等相關專題。系統所具備的數據管理能力可將現有的數據進行有效的整合,快速準確地提供報表并提出決策依據。
DataV開發
數據瞭望臺界面后期使用DataV來實現開發。DataV對于開發有很多好處便捷提高工作效率表現形式更加生動,友好。但也有一定的弊端,控件的形式有一定的局限性,必須選用控件庫里現有的形式。所以當時設計時也要對這些控件有所了解才能和開發工程師更好的交接。
為了更好的和開發溝通,達到最優實現效果,該項目藍藍設計駐場一個月完成全部設計。設計前要知道DataV控件庫里有哪些控件可以用,設計時盡量采用已有控件以便后期可以實現。設計好的頁面會及時開會討論,增加辦公效率。為了實現更加卓越的效果,有些控件不能實現的(比如藝術數字等),我們將以切圖的形式交付開發。為了開發設計完成后藍藍設計會對頁面做詳細的標注交付開發。最后藍藍設計將開發后的界面和設計圖進行對比,有出入的地方進行指正、調整,以確保最后效果能和設計圖更大程度還原。
風格定義
此次界面設計分辨率為1920X1080,主要使用場景為投屏的方式。在了解項目的大背景后,我們決定采用深藍色的系的設計風格。界面主要以科技,大氣,信息展示清晰等為設計的重要要素。在主色調的基礎上圖表和數據展示運用了多種鮮明的點綴色,相對比較重要的信息,視覺上采用突出的形式展示,豐富了視覺效果。
界面設計
數據“瞭望臺”是交通運輸領域專業級的大數據可視化平臺。通過前期的調研和溝通最終采用富有科技感的設計形式。
界面整體采用深藍背景,通過背景圖案展示界面的縱深感。富有科技感的邊框和線條來凸顯界面的科技感。數據展示和控件在主色調的基礎上運用一些鮮明色作為點綴,即豐富了頁面也突出了要展示的信息。
細節體現
儀表盤:入網率和上線率用儀表盤的形式來展示,整體增加了整個頁面的科技感。兩個儀表盤 分別采用藍、青兩種比較亮的顏色同是也有輕微的漸變。儀表盤沒有全部封閉,下邊由數字顯示當 前具體的百分比。
環狀圖:這里采用環狀圖來表示各個部分占總體的百分比,區別于傳統的餅狀圖,顯得更加精巧、 炫酷。業戶、車輛、人員三個種類通過不同的色系來表示。同時也豐富了頁面整體的色調。交互上鼠 標移入某個部分,該部分的名稱和所占百分比在環形圖的中間顯示。