亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

青海師范大學——大氣污染可視化系統界面視覺設計

青海師范大學——大氣污染可視化系統界面視覺設計

vue開發 | 交互設計 | 界面設計

vue開發 | 交互設計 | 界面設計

大氣污染可視化系統是由青海師范大學老師帶領學生參加比賽的作品設計,該參賽作品的選題背景以新形勢下環境保護需求為導向,聚焦環保信息化技術領域。此次活動比賽促進了師范生教學技能訓練,展示了青海師范大學生的良好精神風貌,對于增強學生實踐能力,提高人才培養質量具有重要意義。

大氣污染可視化系參賽作品由青海師范大學委托藍藍設計負責重點頁的界面視覺設計、交互設計,青海師范大學老師帶領學生負責開發。藍藍設計人員接到任務后,通過前期的充分溝通,將原有的系統界面進行改版,期間不斷完善界面的每一處細節,最終圓滿完成該項目。

天氣GIS軟件UI設計

產品定位

該參賽系統是實現對區域內空氣質量多方面、全方位的掌握和把控的一個系統。通過數據發現問題、分析問題、解決問題,及時掌握全國污染現狀及區域的環境風險,為環境空氣質量的精準治理和相關決策提供有力的科學支撐。

天氣GIS軟件UI設計

目標用戶

該參賽系統目的是助力環保數據可視化展現,為環境管理部門提供各項數據監測、分析、管理服務,提升其精細化管控治理能力。充分滿足各級環保部門環境的建設要求,支持各級環保部門環境監理與環境監測工作,適應不同層級用戶的管理需求。

天氣GIS軟件UI設計

設計風格

通過前期的調研和溝通最終采用富有科技感的設計形式。界面整體采用深藍背景,通過背景圖案展示界面的縱深感。富有科技感的邊框和線條來凸顯界面的科技感。數據展示和控件在主色調的基礎上運用一些鮮明色作為點綴,即豐富了頁面也突出了要展示的信息。

天氣GIS軟件UI設計

首頁界面設計

原產品?案中,界?功能區雖然區分明確,顏色色塊視覺比重大,整體數據顯得過于擁擠雜亂,用戶的視覺觀感效果差。

藍藍設計面對龐雜的信息,去粗取精,提煉各場景的核心內容,避免冗余信息阻礙內容有效傳達,做到信息可視,清晰傳達。

同時采用清晰的圖表進行數據展示,并留有空白,讓界面整體具有呼吸感,讓客戶以最直觀的方式理解信息,大幅度降低內容理解門檻。


大氣污染可視化UI界面設計
大氣污染可視化UI界面設計
大氣污染可視化UI界面設計

臨汾市范圍界面設計

原產品?案中,界?功能區雖然區分明確,但信息層級區分并不明確,讓用戶抓不住重點,不知道往哪里看。

    藍藍設計人員遵守人的閱讀習慣,強化主、次信息;統計數據浮于場景之上,形成內容上的空間感,又保證較高的擴展性。統一各視圖的排版規則,穩定的布局,能避免打斷觀看者心流。從系統上可以明顯看出山西省臨汾市的各項環境數據指標。

大數據可視化系統界面設計

治理模塊界面設計

該板塊為大氣污染可視化系統的治理板塊,通過該板塊可以看到山西省臨汾市治理的事件、治理效果分析、治理期間的污染濃度變化趨勢等等功能需求。

    藍藍設計人員通過文字顏色,粗細、高亮的區別更好的區分層級關系,滿足人眼閱讀習慣和業務數據的展示需求。


大數據可視化系統界面設計

  返回