中科科仪图像分析软件交互及UI界面设计

发表于:

仪器UI设计 | 交互设计 | 系统UI设计

01

项目背景

系统UI界面设计,ui界面设计

北京中科科仪股份有限公司(简称中科科仪),前身为中国科学院北京科学仪器研制中心(原中国科学院科学仪器厂),成立于1958年,中科科仪秉承“创新科学仪器,发展一流企业”使命,以一流电子光学和真空技术,打造尖端科学仪器设备及高端装备制造国家队,为强化国家战略科技力量、实现科技自立自强做出新的贡献。分析仪器主要应用场景:集成丰富的图像处理功能,为新能源、半导体等用户提供全新解决方案。

系统UI界面设计,ui界面设计

在本次合作中,中科科仪委托兰亭妙微负责相关界面的交互设计与视觉设计工作。双方以 “持续优化交互体验、突出模块化设计” 为核心方向,通过提升软件易用性传递 “以用户为中心” 的产品理念,进一步增强用户对品牌的信任感。同时,针对重点页面制定统一设计规范,便于开发工程师以此为参照优化软件内的同类页面。合作过程中,双方保持及时沟通,最终达成了高效、优质的工作成果。

02

项目概述

产品定位

分析仪器以真空技术为根基,以粒子物理分析为核心手段,定位为 “多学科微观分析的基础设施”,既服务于科研领域的前沿探索,又支撑工业界的精密质控,其本质是通过真空环境下的高精度检测能力,为物质解析提供从 “现象观测” 到 “决策依据” 的全流程价值赋能。

目标用户

仪器的用户本质是 “高精度分析需求的刚性群体”,既包括以 “探索未知” 为目标的科研工作者,也涵盖以 “控制风险” 为核心的工业质控人员。他们的共性是:需要借助真空环境下的分析技术,解决常压手段无法攻克的微观检测难题,且愿意为 “技术精度”“可靠性” 支付溢价,是典型的 “技术驱动型” 需求群体。

设计风格

重构信息模块,设计风格采用简约的设计语言,清晰、简洁和直观的表达方式。配色采用蓝色,这种色彩能够传达出品牌的专业性、稳定性和信赖感,有助于塑造积极的品牌形象。有助于增强用户与页面内容的情感联系,提高用户的参与度和满意度。

扫描仪UI界面设计 图像分析软件UI设计

03

设计亮点

布局清晰,以逻辑化信息架构降低认知负荷;交互友好,用人性化设计消解操作难题

右侧是客户给的原型,原型页面中浮动窗口比较多,操作时容易遮挡中间的图像区,调整后将“操作”“导航”“自动台”“操作记录”统一采用tab切换的形式在右侧展示。中间是图像操作区,左侧是图像操作的一些工具按钮。最下边是缩略图,可以左右滑动查看更多。

设计后主要分为是三个大的模块,左侧是菜单区,中间是图像区,右侧是操作区,并且图像的操作直接在图上区域上方采用线性图标直观明了,可以帮助用户快速找到相对应操作。
系统UI界面设计,ui界面设计
设计前后对比
系统UI界面设计,ui界面设计
系统UI界面设计,ui界面设计

04

其它方案

设计思考:该方案围绕科研观测场景构建布局,采用左中右三分结构实现功能有序分配。左侧为系统主操作菜单区,以简洁图标搭配文字,快速引导用户调用文件、查看、扫描等基础功能,建立清晰操作路径。 中间作为核心图像交互区,上层设置图像操作工具,覆盖采集、分析常用功能;中间为大尺寸查看及操作区,充分展示显微图像细节,满足科研观测对清晰视效的需求;下层排布图像缩略图,支持多组数据快速切换对比,适配样本批量分析场景。 右侧是操作设置区,将高压、束流等专业参数以可视化控件呈现,滑块调节结合数值显示,让参数调整直观高效,同时 “标准 / 快捷成像” 双模式,兼顾常规与快速观测需求 。 视觉呈现上,运用渐变光影营造科技氛围,契合电子显微镜的精密属性;色彩搭配简洁克制,以深色为底突出图像与功能区,保障信息清晰传达。通过图标简化、数据可视化转化,把复杂科研参数转化为易懂交互形式,提升信息传递效率,助力科研人员专注观测分析,在功能落地与体验营造间,实现专业工具的易用性平衡。

系统UI界面设计,ui界面设计
系统UI界面设计,ui界面设计

设计思考:方案重构界面布局,主菜单以图标化形式整合到标题栏,简洁直观。内容区左侧纵向排布缩略图,依托滚动条拓展浏览容量;中间作为核心图像操作区,聚焦观测与交互;右侧为参数操作区,功能分区清晰。 主题色选用品牌蓝色,既借色彩强化品牌识别、维系品牌一致性,又以蓝色蕴含的信任与专业属性,搭配现代界面元素,营造出稳重且具科技感的视觉氛围,契合科研软件专业定位,助力高效操作与品牌印象传递 。

系统UI界面设计,ui界面设计
系统UI界面设计,ui界面设计

05

界面欣赏

系统UI界面设计,ui界面设计
  • 系统UI界面设计,ui界面设计
  • 系统UI界面设计,ui界面设计
  • 系统UI界面设计,ui界面设计
  • 系统UI界面设计,ui界面设计