北京科銳慧雲智慧能源服務平臺介面設計

圖示互動 | 互動設計 | 介面設計

北京科銳主要從事配電裝置及電力電子的研發與製造◕│╃✘。 近年來致力於企事業單位的電力物業服務·│◕、分散式光伏·│◕、能源綜合利用及配售電業務╃·,建設微能源網平臺╃·,擁有微網群監控·│◕、電能質量治理·│◕、節能低碳·│◕、儲能增效·│◕、智慧城市及有軌電車和電動車充電裝置等方面的系列解決方案╃·,並積極參與電力市場化改革實踐╃·,努力為電力使用者和配網系統提供貼心·│◕、優質和增值服務◕│╃✘。

科銳慧雲產品線由科銳幾家控股公司分別負責不同的產品╃·,用於各個電力物業的能源監控和管理分析◕│╃✘。藍藍設計負責設計介面設計·│◕、建立統一的UI規範╃·,應用於不同的軟體◕│╃✘。在設計中╃·,藍藍設計找到許多國內外的相關競品和卓越設計做參考╃·,勇於創新·│◕、敏捷迭代╃·,用心設計╃·,工作中╃·,雙方合作友好默契◕│╃✘。

首頁設計

原來的專案頁面是上下結構的╃·,此次為和其它二個軟體統一╃·,經過大家討論╃·,決定用左右結構形式做為軟體框架◕│╃✘。

根據原來頁面內容梳理資訊優先順序重新設計新頁面◕│╃✘。

1 增加最近訪問欄目╃·,可根據使用軟體頻率提供快捷方式◕│╃✘。

2 減小了專案資訊區域╃·,將系統指標與專案資訊合併展示╃·,綜合展示結果◕│╃✘。

3 以tab籤的形式設計各標目的標題╃·,簡潔明確╃·,視覺整體統一美觀◕│╃✘。

4 以圓環的形式表達指標統計裝置數量及百分比◕│╃✘。

5 最佳化互動 左側選單可以收起╃·,上方告警資訊每一個看後可關閉◕│╃✘。

設計前

首頁設計--設計前
首頁設計

競品分析   首頁三類佈局分析各自特點╃·,選擇目前互動佈局形式◕│╃✘。

競品分析
上下結構
左右結構
整體結構

設計原則

  • 準確表達功能含義

  • 簡單

    減少使用者記憶負擔

  • 自然

    介面風格統一

  • 資訊優先順序

    確定主次及順序

  • 對齊

    建立元素間的視覺聯絡

  • 關聯

    相關的元素放在一起

  • 對比

    劃分層次·│◕、重點

  • 重複

    統一表現形式及風格

品牌及色彩

品牌及色彩01
品牌及色彩02

氛圍和定位     體現能源網際網路·│◕、新能源·│◕、電力運維服務·│◕、科銳VI . 為正確傳達企業的品牌形象,軟體產品的主色調以藍色為主╃·,紅色為輔◕│╃✘。

能源網際網路

能源網際網路

能源網際網路

能源網際網路

電力運維服務

電力運維服務

科銳VI

科銳VI

設計過程和迭代

第一次提案

第一次提案

第二次修改   設計過程迭代修改區域性·│◕、內容調整許多次◕│╃✘。

第二次修改

國外優秀gis地圖軟體欣賞

國外優秀gis地圖軟體

GIS頁之前的原型

根據溝通決定將兩屏切換的內容放到一頁上╃·,去掉一些重複的資訊◕│╃✘。在設計過程中嘗試了不同的配色及視覺表現方式◕│╃✘。

GIS頁之前的原型01GIS頁之前的原型02GIS頁之前的原型03

GIS圖↟↟│✘:根據使用者訪問專案的許可權╃·,當訪問的專案地理位置都在一個城市時╃·,顯示這個城市範圍的GIS;當訪問的專案地理位置不在同一個城市但在同一個省(自治區)時╃·,顯示這個省(自治區)範圍的GIS圖;當訪問的專案地理位置不在同一個城市╃·,也不在同一省(自治區)╃·,但在同一個國家時╃·,顯示這個國家範圍的GIS圖;其它情況顯示世界地圖◕│╃✘。

GIS圖上的專案標註↟↟│✘:在GIS圖的經緯度上顯示專案標註◕│╃✘。專案的經緯度一般是專案管理方的地址◕│╃✘。

VI塊↟↟│✘:使用者所在單位的企業VI和公司運營時間◕│╃✘。

業績塊↟↟│✘:根據使用者訪問專案的許可權╃·,所訪問專案的系統名稱及數量合計◕│╃✘。系統包括↟↟│✘:能源管控·│◕、配電自動化·│◕、故障定位系統等◕│╃✘。

終端統計塊↟↟│✘:根據使用者訪問專案的許可權╃·,所訪問專案的終端名稱及數量合計◕│╃✘。終端名稱包括↟↟│✘:RTU·│◕、FTU·│◕、DTU·│◕、故障定位通訊終端·│◕、一遙故障指示器·│◕、二遙故障指示器·│◕、低壓智慧儀表……等◕│╃✘。

行業統計塊↟↟│✘:根據使用者訪問專案的許可權╃·,所訪問專案中各行業名稱及數量合計◕│╃✘。行業包括↟↟│✘:供電企業·│◕、工業園區·│◕、工廠·│◕、學校·│◕、醫院·│◕、政府機關·│◕、住宅小區·│◕、酒店……等

介面響應

客戶資訊塊↟↟│✘:滑鼠點選某一專案標註時╃·,顯示專案資訊和各客戶資訊◕│╃✘。滑鼠點選此資訊塊外區域時╃·,此塊消失◕│╃✘。

客戶頁介面↟↟│✘:滑鼠左鍵雙擊某一專案標註時╃·,進入客戶頁介面◕│╃✘。

GIS頁三個配色新方案

GIS頁三個配色新方案01GIS頁三個配色新方案02GIS頁三個配色新方案03

GIS頁定稿方案

GIS頁定稿方案

其他頁面

其他頁面01
其他頁面02
其他頁面03
其他頁面04

  返回

美女把尿口扒开让男人玩,韩国19禁a片在线播放,国产精品一区二区久久不卡,国产老熟女牲交freexx