APP頁面設計前
App在設計之前已經開發完畢，功能布局客戶的客戶是認可的，所以只是做了視覺上的變化。
北京科銳主要從事配電設備及電力電子的研發與制造。 近年來致力于企事業單位的電力物業服務、分布式光伏、能源綜合利用及配售電業務，建設微能源網平臺，擁有微網群監控、電能質量治理、節能低碳、儲能增效、智慧城市及有軌電車和電動車充電裝置等方面的系列解決方案，并積極參與電力市場化改革實踐，努力為電力用戶和配網系統提供貼心、優質和增值服務。
科銳慧云產品線由科銳幾家控股公司分別負責不同的產品，用于各個電力物業的能源監控和管理分析。藍藍設計負責設計界面設計、建立統一的UI規范，應用于不同的軟件。在設計中，藍藍設計找到許多國內外的相關競品和卓越設計做參考，勇于創新、敏捷迭代，用心設計，工作中，雙方合作友好默契。
首頁設計
原來的項目頁面是上下結構的，此次為和其它二個軟件統一，經過大家討論，決定用左右結構形式做為軟件框架。
根據原來頁面內容梳理信息優先級重新設計新頁面。
1 增加最近訪問欄目，可根據使用軟件頻率提供快捷方式。
2 減小了項目信息區域，將系統指標與項目信息合并展示，綜合展示結果。
3 以tab簽的形式設計各標目的標題，簡潔明確，視覺整體統一美觀。
4 以圓環的形式表達指標統計設備數量及百分比。
5 優化交互 左側菜單可以收起，上方告警信息每一個看后可關閉。
設計前
競品分析 首頁三類布局分析各自特點，選擇目前交互布局形式。
上下結構
左右結構
整體結構
設計原則
-
準確表達功能含義
-
簡單
減少用戶記憶負擔
-
自然
界面風格統一
-
信息優先級
確定主次及順序
-
對齊
建立元素間的視覺聯系
-
關聯
相關的元素放在一起
-
對比
劃分層次、重點
-
重復
統一表現形式及風格
品牌及色彩
氛圍和定位 體現能源互聯網、新能源、電力運維服務、科銳VI . 為正確傳達企業的品牌形象,軟件產品的主色調以藍色為主，紅色為輔。
能源互聯網
能源互聯網
電力運維服務
科銳VI
設計過程和迭代
第一次提案
第二次修改 設計過程迭代修改局部、內容調整許多次。
國外優秀gis地圖軟件欣賞
GIS頁之前的原型
根據溝通決定將兩屏切換的內容放到一頁上，去掉一些重復的信息。在設計過程中嘗試了不同的配色及視覺表現方式。
GIS圖：根據用戶訪問項目的權限，當訪問的項目地理位置都在一個城市時，顯示這個城市范圍的GIS；當訪問的項目地理位置不在同一個城市但在同一個省（自治區）時，顯示這個?。ㄗ灾螀^）范圍的GIS圖；當訪問的項目地理位置不在同一個城市，也不在同一?。ㄗ灾螀^），但在同一個國家時，顯示這個國家范圍的GIS圖；其它情況顯示世界地圖。
GIS圖上的項目標注：在GIS圖的經緯度上顯示項目標注。項目的經緯度一般是項目管理方的地址。
VI塊：用戶所在單位的企業VI和公司運營時間。
業績塊：根據用戶訪問項目的權限，所訪問項目的系統名稱及數量合計。系統包括：能源管控、配電自動化、故障定位系統等。
終端統計塊：根據用戶訪問項目的權限，所訪問項目的終端名稱及數量合計。終端名稱包括：RTU、FTU、DTU、故障定位通信終端、一遙故障指示器、二遙故障指示器、低壓智能儀表……等。
行業統計塊：根據用戶訪問項目的權限，所訪問項目中各行業名稱及數量合計。行業包括：供電企業、工業園區、工廠、學校、醫院、政府機關、住宅小區、酒店……等
界面響應
客戶信息塊：鼠標點擊某一項目標注時，顯示項目信息和各客戶信息。鼠標點擊此信息塊外區域時，此塊消失。
客戶頁界面：鼠標左鍵雙擊某一項目標注時，進入客戶頁界面。