案例/智能产线

TWIN智能产线软件开发

产线数字孪生驾驶舱

让整条产线的状态,在一块屏上被讲清楚。

驾驶舱:拓扑主视图 + 三组常驻指标,异常直接在图上定位。
行业
智能产线
服务
软件开发RISEMAP
交付物
数据可视化 · 驾驶舱大屏电脑端下钻视图
参与角色
软件业务负责人 · 前端工程师高级交互设计师 · 项目经理

01  BACKGROUND

大屏的价值不在于显示了多少数据,而在于让人三秒内知道该看哪里。

项目背景

智能产线的数据从来不缺:设备有 PLC,质检有系统,物流有台账。缺的是把它们放在同一个时间轴与同一张空间图上,让异常一眼可见。

很多驾驶舱做成了数据的堆叠——图表铺满整面墙,却没有主次。真正需要的是一块能长期挂在车间与会议室的屏:平时不吵,出事时立刻指得出位置。

02  CHALLENGE

设计挑战

大屏是一种被长期注视、却极少被操作的界面,它的设计前提和桌面端完全不同。

  • 观看距离远,字号与对比度不能按桌面端设计
  • 数据源多、频率不一,需要统一的时间语义
  • 异常必须能被定位到具体工位
  • 同一套内容要同时适配大屏与管理者的电脑端

03  APPROACH

我们的解法

我们以产线的物理拓扑作为主视图:设备按真实位置排布,状态用颜色而不是文字表达,异常直接在拓扑上定位。围绕主视图的是三组不会移动的指标——节拍、良率、稼动率,让人先知道整体,再决定要不要深入。

交互被压到最少:大屏默认自动轮播关键视图,任何人在电脑端打开同一地址,看到的是可下钻的高密度版本。同一套数据,两种密度。

颜色只承担语义

驾驶舱上每一种颜色都对应一个状态,不用于装饰——看的人不需要图例也能判断。多来源的数据先被统一到同一条时间轴与同一套口径上,再分别输出成大屏与电脑端两种密度,避免同一个指标在两个地方对不上。

04  CRAFT

拓扑主视图设备按真实位置排布,异常在图上定位
常驻指标节拍、良率、稼动率三组不会移动
电脑端下钻同一套数据的高密度版本
#0E1013 底 #F5F3EE 数据 #D9F24F 预警 #E2564A 停机 #5E6AD2 可交互

05  PROCESS

01

数据梳理与指标定义

统一多来源数据的时间语义与口径。

02

可视化设计

按远距离观看设计字号、对比度与颜色语义。

03

前端与实时链路

实现拓扑主视图与实时数据的稳定刷新。

04

部署与调优

在真实大屏尺寸上校准版式与轮播节奏。

平时不吵,出事时立刻指得出位置。
设计决策 · 英特费斯
下一个案例五轴加工中心 HMI 系统重塑

BRAND MARK / 标识构造

英特费斯 SAVE HMI 标识:两条圆角横杠互锁的构造演示

两段弧,
一次咬合。

上杠向右收,下杠向左收,收在同一条 R122 的弧上,互相咬住。中间留 21.5 的缝——那是人和机器之间的距离。上面这个案例,做的就是同一件事:把这道缝再做窄一点。

杠高 BAR
148
咬合缝 GAP
21.5
半径 RADII
122 / 90.25 / 57.75
错位 OFFSET
150

SAVE HMI · 英特费斯

有类似的设备或系统正在开发?