news 2026/3/5 15:39:48

慧荣和单浓度口鼻暴露系统软件界面视觉设计

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
慧荣和单浓度口鼻暴露系统软件界面视觉设计

北京慧荣和科技有限公司专注于气溶胶和吸入毒理科研仪器设备的研发和生产,是国家高新技术企业。成功的开发出动物气体染毒装置、细胞气体染毒装置、吸烟机、放射污染洗消装置、手术器械消毒仪、血液消毒仪、等。所开发仪器广泛应用国防、医疗、卫生、防疫、环保、教学、科研等领域。

该软件由北京慧荣和科技有限公司委托蓝蓝设计负责界面视觉优化设计、交互优化。蓝蓝设计人员通过前期详细沟通,参考大量的相关竞品,确定好客户风格和喜好,在交互方面进行一起探讨,使操作更加流畅;根据客户提供的旧版图及需求完成其他页面设计;后续积极配合慧荣和相关开发人员完成落地工作。

产品定位

公司研发的小动物单浓度口鼻暴露系统,由口鼻暴露控制系统、稀释混匀系统、质量浓度检测系统、气体控制系统、废气处理系统、清洗系统等功能模块组成。可检测染毒进行时间、染毒剩余时间、温度、湿度、压差、氧气浓度、二氧化碳浓度、柜间压差、气溶胶浓度、气溶胶流量、稀释流量等相关数值。

目标用户

本仪器的目标用户主要为药物安全评价领域,化学品和农药安全评价领域等相关的从业人员,对检测小动物口鼻暴露气体、液体气溶胶吸入染毒暴露实验有需求的中外市场用户,自动化的检测方式,对系统的操作易用性有较高要求。

设计风格

用企业标志颜色作为主色,相关邻色作以辅助,强化重要功能的视觉识别信号,使其设计稳重而不失沉闷,应用圆角,渐变的设计使用户心里感知更加亲和友好,通过多留白的方式来增加页面的简洁,提升易读性,更符合现代感视觉。

蓝蓝设计聚焦核心诉求,提升首页体验,在框架上我们保留旧版的左侧导航设计,优化上部是相关操作和显示,便于保留用户的操作习惯,降低学习成本。

在旧版设计中颜色过于杂乱,无视觉重点,尤其在导航与操作上没有明确的选中与默认下的层级区分,信息展示混乱。

我们优化左侧导航层级,增强选中的识别度;在染毒与清洗显示中加入进度条,实时观测操作进展;仪表盘的信息显示与报警提示上做了整合,可直观的观测正常状态与报警状态,在保留指针走表的基础上,增加数字显示读表,最大程度增强用户体验!

旧版图

蓝蓝设计

蓝蓝设计

在旧版的界面中,模块操作混乱,信息分类不明显,进行实验操作时比较混乱,相似的功能较多、定义模糊。

针对此问题我们对模板进行层级规整,将相关信息进行聚合分类处理,分为实验记录模块,按钮模块,以及实验信息模块三部分,来清晰的告知用户对不同模块功能的认知。

规整原有位置排列,将报警设定放于右侧竖向排列,更便于用户输入;输入框用不同的颜色标识来链接相关内容与区分,拆分旧版设计中的输入框与名称合并的内容,统一整体视觉规范,增强输入易用性。

旧版图

在旧版界面中没有统一的左侧导航,需通过返回再到其它页,降低了操作易用性与交互成本,不同类的按钮没有层级区分,不利于数据的筛选查看。

为优化用户体验,我们把左侧导航整合为一个模块,以单独选中的方式来进行筛选,打开文件与导出数据作为常用按钮,通过放大居前来提高操作比重。

简化曲线与表格的设计,注重数据本身信息的展示,使页面更加简洁大方。

旧版图

蓝蓝设计

蓝蓝设计

采样控制和液体输送仪页面,与其它页面保持统一的设计风格,以留白简洁为主,不同的是按钮做了立体感的设计,模拟真实按键。

在旧版设计中没有明显的按下按钮,这里通过明显的选中状态区别于其它默认状态。

数据输入框与其单位拆分放置,使用户更注意于数字,避免扰乱视觉,按键的排列根据使用频率与操作习惯做了重新整理。

旧版图

蓝蓝设计

在旧版的设计操作上是创建/修改/删除用户需单独点开进行操作,降低了用户修改效率。

我们以同页切换的方式提高用户操作效率,删除多余不必要操作,同时对输入内容进行优化,最大程度提升用户体验。

旧版图

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/3 23:13:08

宁夏学工管理系统-学工管理系统-智慧校园解决方案 - 学工系统|学工平台|学生管理系统|学生信息管理系统|学工管理平台|智慧学工|智慧学工系统

✅作者简介:合肥自友科技 📌核心产品:智慧校园平台(包括教工管理、学工管理、教务管理、考务管理、后勤管理、德育管理、资产管理、公寓管理、实习管理、就业管理、离校管理、科研平台、档案管理、学生平台等26个子平台) 。公司所有人员均有多…

作者头像 李华
网站建设 2026/3/4 1:31:44

看完就会:10个降AIGC平台测评,自考降AI率全攻略

在自考论文写作中,越来越多的学生开始关注“AI生成内容检测率”(AIGC率)的问题。随着教育机构对AI痕迹识别技术的不断升级,单纯依靠AI工具生成的内容已经难以通过查重系统。如何在保持论文原创性的同时,有效降低AIGC率…

作者头像 李华
网站建设 2026/3/4 3:40:07

亲历AI浪潮5年:技术更新快,但掌握底层逻辑永远有价值

五年前,我踏入AI领域时,恰逢Transformer架构落地不久,GPT-2还未掀起全民热潮,国内AI产业仍处于“跟随式创新”的初期——那时我们谈论最多的,是ResNet带来的图像识别突破,是BERT在自然语言处理中的初步应用…

作者头像 李华
网站建设 2026/3/4 15:16:44

时序数据库在工业IoT场景下的应用与解决方案

时序数据库在工业IoT场景下的应用与金仓数据库解决方案:为智能制造装上“数据心脏” 在制造业加速迈向“感知—分析—决策—执行”闭环的今天,一个现实日益凸显:企业已部署数万台传感器、建成数百条智能产线、日均采集PB级运行数据&#xff…

作者头像 李华
网站建设 2026/3/2 15:02:19

2026 中专生考大数据相关证书报考条件是什么?

近期一份行业薪酬调研显示,持有专业数据分析证书的中专毕业生,起薪普遍高于未持证的同龄人。当前,数字化的趋势正推动就业市场不断变化,中专生能否在数据领域找到自己的方向,甚至脱颖而出?关键可能在于选对…

作者头像 李华
网站建设 2026/2/25 10:02:23

裸辞转行AI大模型:小白也能收藏的实战经验分享

本文记录了作者从裸辞到成功转行AI大模型方向的完整经历,包括转行动机、前期准备、面试经验等。作者通过系统学习AI知识、完成落地项目、调整心态等方式为转行做准备,并在面试中展现出对底层原理的深入理解。文章强调裸辞并非冲动行为,而是需…

作者头像 李华