蓝蓝设计ui设计公司作品--泛亚高科-光伏电站控制系统界面设计

泛亚高科(北京)科技有限公司(以下简称“泛亚高科”),一个以实时监控、高精度数值计算为基础的科技公司, 自成立以来,组成了以博士、硕士为核心的技术团队,整合了华北电力大学等高校资源,凭借在电力系统内多年的工作经验, 研究并致力于帮助客户解决在风电、光伏领域内的实时监控、大数据、电站科技运维、数据挖掘、功率预测及控制、 故障诊断等问题。
设计前期,蓝蓝设计通过问卷调查方式确定客户风格和喜好,并和客户沟通页面交互逻辑和优化方法,确定交互方式后,再进入视觉设计阶段,这样可以快速确定设计方向,节省大量时间。视觉设计方面,蓝蓝设计尝试将2.5d图标融入界面设计中,通过立体化,场景化的图标,更加直观地展示出产品功能属性和使用场景,为光伏电站UI设计方向提供蓝蓝的设计方案。

产品定位
光伏电站控制系统用于监视各分布式光伏电站各系统和设备的运行数据,对系统和设备进行远程控制。产品定位是为分布式光伏电站、远端集中控制中心提供设备远监控,设备控制,设备告警,数据统计,决策支持等可视化,专业化服务。

目标用户
系统主要面向光伏电站站内运行人员、集控中心运行人员及有权限的其他远端人员操作,使用场景相对单一。目标用户具有强大的专业背景知识,熟悉站内硬件设备,对系统专业化,便捷性要求较高。年龄分布多在20-40岁之间,熟悉计算机操作。

设计风格
整体设计风格采用极简设计,综合运用情感化设计理念,场景化设计思维,立体化视觉表达手法,为用户提供高效便捷,专业直观的系统界面。设计过程中,注重信息本身的展示,功能至上,尽量减少不必要的视觉干扰和冗余信息,打造展示专业,操作友好,交互有趣的工业控制系统。

聚焦数据展示,明确视觉焦点
发现问题
产品初始原型图由客户提供,拿到原型图后,经过团队认证讨论分析,发现首页部分存在数据展示不清晰,图表选区不恰当,无法准确反映数据的类型等问题。我们随即与客户进行沟通并通过用户访谈佐证问题发现的问题,发掘更深层次的不足,并思考优化策略。
解决问题
经过用户访谈后我们发现,原型界面中确实存在用户不关注的冗余信息,而更为核心的「发电量信息」「排放信息」「功率信息」未能体现在原行中。 蓝蓝团队将收集到的信息梳理整合后从以下几个方面优化页面:
1.核心数据突出显示-页面内容区通过图标+文字方式展示用户关心的核心数据,取消原型图中「装机」「经纬度」「安装角度」等冗余数据,明确用户视觉焦点。
2.明确数据内容,合理表现数据-每个图表数据都对应其自身的属性和价值,我们在每个数据模块增加模块标题,优化数据表现方式,利用柱状图表示对比,折线图表示趋势,强化页面引导性,指示性。"

部分图标状态


创新的视觉设计
逆变器视图界面需求变更比较大,围绕逆变器这一核心部件,增加很多前后环节中实时数据信息,但展示本质并未发生变化。
针对数据信息发生的变化,我们使用“场景化设计原则“,用立体图标方式绘制出从”光伏板-逆变器-交流汇流箱“发电原理图,把数据展示在对应的环节中,形成可视化的实时监控图谱。;其余与发电流程无关的数据也均以图标+文字的形式展示页页面右侧。
通过流程图+数据展示这种创新的视觉展示方式,将原本晦涩的数据更加直观,清晰地表达出来,体现出产品的专业性,交互的友好性,升华产品的价值。

情景化的设计
工业控制系统由于其特有的专业性和使用场景,需要大量图元作为辅助显示,蓝蓝设计在系统设计之初就将场景化设计和情感化设计融入系统设计中,把设计图元用立体化形式表现,形成模拟实际的工业场景,让用户使用系统是眼前一亮,减少用户初次使用系统时的恐惧感,减轻用户认知负担,提高操作和信息获取效率,为行业发展贡献蓝蓝智慧。

其他典型页设计

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/88684.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

运算放大器发展史

在内部集成了一个补偿电容 MPS公司OP07推出后,大受欢迎。各家厂商都推出了自己的 这4款都是可以替换的

Linux搭建SSLVpn

安装http、ssl服务 编辑http配置文件 修改http的136行,276行以及990行 1、136行将监听端口注释 2、276行和990行修改为自己的域名和要访问的端口 修改http文档最后那部分 新添ssl配置信息,将端口修改为443(截图错了server.key应该放在/etc/…

告别gazebo开启长时间等待 设置gazebo打开不再联网找模型

学过ros的对gazebo仿真软件应该都不会陌生,但是有时启动真的很烦人,经常卡在这个地方很长时间,查阅资料 gazebo软件开启的时候会自动从国外官网下载模型,因此这个过程比较漫长,原因是网站在国外,下载不顺畅…

GaussDB数据库SQL系列:DROP TRUNCATE DELETE

目录 一、前言 二、GaussDB的 DROP & TRUNCATE & DELETE 简述 1、命令简述 2、命令比对 三、GaussDB的DROP TABLE命令及示例 1、功能描述 2、语法 3、示例 四、GaussDB的TRUNCATE命令及示例 1、功能描述 2、语法 3、示例 4、示例 五、GaussDB的DELETE命令…

【AWS】安装配置适用于 Eclipse 的 AWS 工具包

目录 0.环境 1.步骤 1)安装Eclipse 2)安装AWS工具包 ① 在这个路径下点开安装软件的界面 ② 点击【Add】打开添加窗口 ③ 输入aws的工具包地址 ④ 勾选需要的工具,点击【Next】 ⑤ 将要安装的工具,点击【Next】 ⑥ 选择接受…

【Linux网络】Cookie和session的关系

目录 一、Cookie 和 session 共同之处 二、Cookie 和 session 区别 2.1、cookie 2.2、session 三、cookie的工作原理 四、session的工作原理 一、Cookie 和 session 共同之处 Cookie 和 Session 都是用来跟踪浏览器用户身份的会话方式。 二、Cookie 和 session 区别 2.…

R包开发1:RStudio 与 GitHub建立连接

目录 1.安装Git 2-配置Git(只需配置一次) 3-用SSH连接GitHub(只需配置一次) 4-创建Github远程仓库 5-克隆仓库到本地 目标:创建的R包,包含Git版本控制,并且能在远程Github仓库同步,相当于发布在Github。…

Nexus2迁移升级到Nexus3

与 Nexus 2.x 相比,Nexus 3.x 为我们提供了更多实用的新特性。SonaType 官方建议我们,使用最新版本 Nexus 2.x 升级到最新版本 Nexus 3.x,并在 Nexus 升级兼容性 一文中为我们提供了各个版本 Nexus 升级到最新版本 Nexus 3.x 的流程&#xff…

C++ malloc/free/new/delete详解(内存管理)

C malloc/free/new/delete详解(内存管理) malloc/free典型用法内存分配实现过程brk和mmap申请小于128k的内存申请大于128k的内存释放内存brk和mmap的区别 new/delete典型用法 内存分配实现过程new/delete和malloc/free的区别malloc对于给每个进程分配的内…

服务器数据恢复-HP EVA存储VDISK被删除的数据恢复案例

服务器数据恢复环境: 某单位有一台HP EVA存储,连接2组扩展柜,扩展柜中有12块FATA磁盘和10块FC磁盘,不确定数量的LUN,主机安装WINDOWS SERVER操作系统,存储设备用来存放该单位的重要资料。 服务器故障初检&…

java-红黑树

节点内部存储 红黑树规则 或者: 红黑树添加节点规则: 添加节点默认是红色的(效率高) 红黑树示例 注:红黑树增删改查性能都很好

SpringBoot案例-配置文件-yml配置文件

配置格式 SpringBoot提供了多种属性配置方式 application.propertiesapplication.ymlapplication.yaml常见配置文件格式对比 XML&#xff08;臃肿&#xff09; <configuration><database><host>localhost</host><port>3306</port><use…

LVS集群 (NET模式搭建)

目录 一、集群概述 一、负载均衡技术类型 二、负载均衡实现方式 二、LVS集群结构 一、三层结构 二、架构对象 三、LVS工作模式 四、LVS负载均衡算法 一、静态负载均衡 二、动态负载均衡 五、ipvsadm命令详解 六、搭建实验流程 一、首先打开三台虚拟机 二、…

使用haproxy搭建web架构

haproxy HAProxy是一个免费的负载均衡软件&#xff0c;可以运行于大部分主流的Linux操作系统上。 HAProxy提供了可以在七层和四层两种负载均衡能力&#xff0c;它可以提供高可用性、负载均衡、及基于TCP和HTTP应用的代理。适用于负载大的Web站点&#xff0c;在运行在硬件上可…

《深度学习计算机视觉 》书籍分享(包邮送书三本)

深度学习计算机视觉介绍 随着计算机技术的发展和进步&#xff0c;计算机视觉领域得到了广泛的关注和研究。而深度学习作为一种强大的机器学习方法&#xff0c;已经成为计算机视觉领域的重要工具之一。本文将介绍深度学习在计算机视觉中的应用和取得的成果。 深度学习是一种模…

【LeetCode-困难题】42. 接雨水

题目 题解一&#xff1a;暴力双重for循环&#xff08;以行计算水量&#xff09; 1.先找出最高的柱子有多高&#xff08;max 3&#xff09; 2.然后第一个for为行数&#xff08;1&#xff0c;2&#xff0c;3&#xff09; 3.第二个for计算每一行的雨水量&#xff08;关键在于去除…

Java版工程行业管理系统源码-专业的工程管理软件-提供一站式服务 em

​ 鸿鹄工程项目管理系统 Spring CloudSpring BootMybatisVueElementUI前后端分离构建工程项目管理系统 1. 项目背景 一、随着公司的快速发展&#xff0c;企业人员和经营规模不断壮大。为了提高工程管理效率、减轻劳动强度、提高信息处理速度和准确性&#xff0c;公司对内部工…

uni.uploadFile上传 PHP接收不到

开始这样&#xff0c;后端$file $request->file(file);接收不到 数据跑到param中去了 去掉Content-Type&#xff0c;就能接收到了 param只剩下

根据源码,模拟实现 RabbitMQ - 转发规则实现(6)

目录 一、转发规则实现 1.1、需求分析 1.2、实现 Router 转发规则 1.2.1、bindingKey 和 routingKey 参数校验 1.2.2、消息匹配规则 1.2.3、主题交换机匹配规则 一、转发规则实现 1.1、需求分析 这里主要实现 routingKey 和 bindingKey 参数的校验&#xff0c;以及 Topic…
最新文章