案例/智能产线
产线数字孪生驾驶舱
让整条产线的状态,在一块屏上被讲清楚。
- 行业
- 智能产线
- 服务
- 软件开发RISEMAP
- 交付物
- 数据可视化 · 驾驶舱大屏电脑端下钻视图
- 参与角色
- 软件业务负责人 · 前端工程师高级交互设计师 · 项目经理
01 BACKGROUND
大屏的价值不在于显示了多少数据,而在于让人三秒内知道该看哪里。
项目背景
智能产线的数据从来不缺:设备有 PLC,质检有系统,物流有台账。缺的是把它们放在同一个时间轴与同一张空间图上,让异常一眼可见。
很多驾驶舱做成了数据的堆叠——图表铺满整面墙,却没有主次。真正需要的是一块能长期挂在车间与会议室的屏:平时不吵,出事时立刻指得出位置。
02 CHALLENGE
设计挑战
大屏是一种被长期注视、却极少被操作的界面,它的设计前提和桌面端完全不同。
- 观看距离远,字号与对比度不能按桌面端设计
- 数据源多、频率不一,需要统一的时间语义
- 异常必须能被定位到具体工位
- 同一套内容要同时适配大屏与管理者的电脑端
03 APPROACH
我们的解法
我们以产线的物理拓扑作为主视图:设备按真实位置排布,状态用颜色而不是文字表达,异常直接在拓扑上定位。围绕主视图的是三组不会移动的指标——节拍、良率、稼动率,让人先知道整体,再决定要不要深入。
交互被压到最少:大屏默认自动轮播关键视图,任何人在电脑端打开同一地址,看到的是可下钻的高密度版本。同一套数据,两种密度。
颜色只承担语义
驾驶舱上每一种颜色都对应一个状态,不用于装饰——看的人不需要图例也能判断。多来源的数据先被统一到同一条时间轴与同一套口径上,再分别输出成大屏与电脑端两种密度,避免同一个指标在两个地方对不上。
04 CRAFT
05 PROCESS
数据梳理与指标定义
统一多来源数据的时间语义与口径。
可视化设计
按远距离观看设计字号、对比度与颜色语义。
前端与实时链路
实现拓扑主视图与实时数据的稳定刷新。
部署与调优
在真实大屏尺寸上校准版式与轮播节奏。
平时不吵,出事时立刻指得出位置。
BRAND MARK / 标识构造
两段弧,
一次咬合。
上杠向右收,下杠向左收,收在同一条 R122 的弧上,互相咬住。中间留 21.5 的缝——那是人和机器之间的距离。上面这个案例,做的就是同一件事:把这道缝再做窄一点。
- 杠高 BAR
- 148
- 咬合缝 GAP
- 21.5
- 半径 RADII
- 122 / 90.25 / 57.75
- 错位 OFFSET
- 150
SAVE HMI · 英特费斯







