<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 北京科銳慧云智慧能源服務平臺界面設計

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

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

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

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

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

      返回

    主站蜘蛛池模板: 国产精品 日韩欧美| 香蕉依依精品视频在线播放| 精品国产综合区久久久久久| 国产精品人人爽人人做我的可爱 | 成人精品视频成人影院| 久久久久99精品成人片试看| 亚洲av无码国产精品色在线看不卡| 久久精品国产亚洲欧美| 久久99精品国产自在现线小黄鸭| 久久精品99无色码中文字幕| 97国产视频精品| 久久99精品国产一区二区三区| 久久精品中文无码资源站| 午夜精品一区二区三区在线视| 国产综合色产在线精品| 亚洲精品免费在线观看| 精品久久久久久| 99久久久国产精品免费无卡顿| 色偷偷88888欧美精品久久久| 亚洲国产综合精品中文字幕| 精品无人区无码乱码大片国产| 国产AV国片精品一区二区| 日韩精品一区二区三区四区| 国产成人精品免费视频网页大全 | 99热热久久这里只有精品68| 国产精品网址你懂的| 国产精品久久久久AV福利动漫| 久久久无码精品亚洲日韩蜜臀浪潮 | 九九精品99久久久香蕉| 无码国产69精品久久久久网站 | 国产欧美日韩精品a在线观看 | 久久99国内精品自在现线| 久久精品国产亚洲av日韩| 精品无码国产污污污免费网站| 无码精品A∨在线观看中文| 久久精品中文字幕无码绿巨人 | 国产欧美日韩精品丝袜高跟鞋| 国产精品视频白浆免费视频 | 国产精品无码久久综合网| 国产精品亚洲mnbav网站| 国产精品日韩深夜福利久久|