交通行業資料視覺化大屏
專案背景:
這次的專案是給客戶做一份可以用來實時監控客流量及運營狀況的大屏。大屏為4:3的兩塊屏拼接。
設計思路:
因為要展示實時客流量,所以我打算 將客流量用視覺化的方式表現在真實的地圖上 。這種表現方式可以選擇二維也可以選擇三維,二維會比較簡單,但是 三維看起來更有代入感,也更直接 。
首先,根據選擇第三方的接入平臺建立基礎模型,這次採用高德地圖,所以我就按照高德地圖上的地理形狀建立模型。建立城市模型時,因為客戶對城市還原度的要求不高,而且時間比較緊急,所以直接用了GSG的City外掛,調節引數後得到基礎的城市模型。↓
因為是大屏展示,在顏色上偏好於深色,所以要對基礎模型進行材質及環境的修改。在修改模型的時候,我發現 黑暗的環境會讓模型變得很昏暗 ,於是在模型上和附近又打了許多點光。這步操作的意外之喜是讓我的模型有了點賽博朋克的味道。↓
在客流量的樣式設計上,我是把模型拖到了AE,用particular模擬了客流量湧動的感覺。↓
模型設計好之後,剩餘的報表部分就比較好辦了。因為4:3的比例,我選擇了左右結構,讓圖表圍繞地圖排列。同時,我淡化了傳統的區塊分隔,也減弱了標題的存在感,讓整個大屏更加突出有特色的地圖。↓
除此之外的另一頁全部都是圖表,因為第一頁的結構比較不規則,所以第二頁的圖表頁我選擇了中間對稱。
最後,我把兩頁拼接在一起看了下效果。
專案反思:
客戶現場的顯示器質量一般,所以整體顏色展示出去後有些偏暗,後續現場的同事調整了硬體,設計稿也做了對應的調色。這種情況是做大屏的設計師不可避免的,只能說盡量在前期調研時採集到儘可能詳細的引數來優化。