购彩中心welcome

  • <tr id='UyYO6b'><strong id='UyYO6b'></strong><small id='UyYO6b'></small><button id='UyYO6b'></button><li id='UyYO6b'><noscript id='UyYO6b'><big id='UyYO6b'></big><dt id='UyYO6b'></dt></noscript></li></tr><ol id='UyYO6b'><option id='UyYO6b'><table id='UyYO6b'><blockquote id='UyYO6b'><tbody id='UyYO6b'></tbody></blockquote></table></option></ol><u id='UyYO6b'></u><kbd id='UyYO6b'><kbd id='UyYO6b'></kbd></kbd>

    <code id='UyYO6b'><strong id='UyYO6b'></strong></code>

    <fieldset id='UyYO6b'></fieldset>
          <span id='UyYO6b'></span>

              <ins id='UyYO6b'></ins>
              <acronym id='UyYO6b'><em id='UyYO6b'></em><td id='UyYO6b'><div id='UyYO6b'></div></td></acronym><address id='UyYO6b'><big id='UyYO6b'><big id='UyYO6b'></big><legend id='UyYO6b'></legend></big></address>

              <i id='UyYO6b'><div id='UyYO6b'><ins id='UyYO6b'></ins></div></i>
              <i id='UyYO6b'></i>
            1. <dl id='UyYO6b'></dl>
              1. <blockquote id='UyYO6b'><q id='UyYO6b'><noscript id='UyYO6b'></noscript><dt id='UyYO6b'></dt></q></blockquote><noframes id='UyYO6b'><i id='UyYO6b'></i>

                北京科锐慧云智慧能源服务平台界面设计

                图标交互 | 交互设计 | 界面设计

                北京科锐主要从事配电设备及电力电子的研发与制造。 近年来致力于企事业单位的电力物业服务、分布式光伏、能源综合利用及配【售电业务,建设微能源网平台ぷ,拥有微网群监控、电能质量治理、节能低碳、储能增效、智慧城市及◤有轨电车和电动车充电装置等方面的系列解决方案,并积极参与电力市场化改革实践,努力为电力用户和配网系统提供贴心、优质和增值服务。

                科锐慧云产品线由科锐几家控股公司分别负责不同的产品,用于各个电力物业的能源监控和管理分析。蓝蓝设计负责设计界面设计、建立统一的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

                  返回