1. <s id="spq7w"></s>

    1. <span id="spq7w"><u id="spq7w"><meter id="spq7w"></meter></u></span>

      北京科銳慧云智慧能源服務平臺界面設計

      圖標交互 | 交互設計 | 界面設計

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

      科銳慧云產品線由科銳幾家控股公司分別負責不同的產品,用于各個電力物業的能源監控和管理分析。藍藍設計負責設計界面設計、建立統一的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

        返回

      国产精品v欧美精品v日韩精品欧美日韩欧美日韩在线视频亚洲欧美日韩精品久久国产亚洲欧美日韩在线一区欧美日韩免费观看在线影片亚洲欧美日韩在线一区日韩欧美亚洲综合久久国产日韩欧美亚欧在线欧美日韩亚洲国产精品欧美日韩亚洲在线国产亚洲欧美日韩一区国产日韩欧美无限制视频欧美日韩亚洲第一区在线米奇777超碰欧美日韩亚洲日韩av欧美av国产av综合天堂国产亚洲日韩网曝欧美台湾黑人欧美日韩专区在线亚洲色国产欧美日韩亚洲欧美日韩中文久久,国产精品v日韩精品v欧美精品日韩欧美亚洲欧美中文日韩在线v日本亚洲欧美日韩一区二区日韩欧美一中文字暮专区亚洲欧美中文日韩v在线观看亚洲欧美偷国产日韩亚洲欧美日韩精品专区国产一区日韩二区欧美三区欧美日韩视频二区在线亚州欧美中文日韩在线视频日韩欧美中文字幕直播视频欧美日韩一本线在线高清亚洲欧美日韩香蕉在线天堂av亚洲欧美日韩国产综合国产亚洲日韩网曝欧美精品久久国产欧美日韩精品国产综合人妻在线欧美日韩亚洲欧美日韩精品自拍亚洲欧美av中文日韩二区,欧美精品v国产精品v日韩精品欧美日韩免费一区二区三区播放亚洲欧美日韩中文无线码亚洲一日韩欧美中文字幕在线欧美日韩国产在线人成欧美日韩视频高清一区亚洲欧美中文日韩视频国产日韩欧美不卡在线二区亚洲欧美日韩综合影院日韩欧美~中文字幕综合亚洲欧美日韩成人在线国产欧美日韩在线在线播放国产日韩欧美手机在线播放日韩欧美巨乳国产欧美日韩中文国产一区亚洲日韩精品欧美一区二区亚洲日本欧美日韩高观看欧美日韩888在线观看亚洲欧美日韩综合av欧美日韩av不卡在线观看,国产精品v欧美精品v日韩精品中文字幕日韩欧美一区二区三区国产欧美日韩中文久久欧美日韩视费观看视频亚洲欧美中文日韩v在线日韩欧美亚洲每日更新在线亚洲中文欧美日韩在线不卡亚洲欧美中文日韩在线视频2689亚洲欧美国产日韩欧美日韩精品一区二区在线国产日韩欧美高清免费视频日韩欧美中文字幕日韩欧美毛片免费观看日韩欧美一中文字暮欧美日韩av日韩欧美tⅴ一中文字暮亚洲欧美中文日韩aⅴ国产在线欧美日韩精品一区亚洲精品欧美精品日韩精品最新亚洲av日韩av欧美av,国产精品v日韩精品v欧美精品中文亚洲欧美日韩无线码国产日韩精品欧美一区喷水久久精品国产欧美日韩日韩欧美国产精品亚洲二区亚洲日韩欧美综合欧美v亚洲v日韩v最新在线日韩欧美中文字幕在线亚洲欧美日韩一区欧美日韩亚洲国产一区二区欧美日韩国产在线一区二区欧美日韩亚洲中字二区日韩欧美中文字幕在线二视频日韩亚洲欧美在线视频网站亚洲日韩精品欧美一区二区一亚洲日韩欧美国产春色欧美日韩av无码欧美日本日韩aⅴ在线视频欧美日韩视频在线第一区av啪啪欧美啪啪日韩啪啪