INFORMATION MEETS SPACE.
上美数字孪生
把计划、设备与生产状态，组织进可视化场景界面。
B04 / INFORMATION MEETS SPACE.
工业可视化平台UI / INTERACTION
如何让生产信息找到对应的设备，并与三维场景共同形成清晰的信息层级？
我在项目中负责什么
- 组织计划、产量、进度、设备状态与工艺参数。
- 设计弹窗和平铺两种信息布局方案。
- 跟进设备素材、结构与页面位置，核对对象与界面表达的关系。
01
LAYOUT OPTIONS
同一组生产信息，两种组织方式。
弹窗与平铺方案均来自项目已有设计材料，以同尺度比较信息与场景的关系。
根据项目资料整理的阅读路径
- 01生产信息梳理
- 02首页布局对照
- 03设备分类
- 04参数与状态
- 05核对与交付
01
弹窗方案
集中展开任务信息，保留场景与设备浏览入口。
02
平铺方案
计划、产量与进度分区并列，形成同屏信息概览。
02
VISUAL DESIGN
深色信息面板与三维场景
以深色信息面板承载生产数据，通过图表、文字与三维场景的层次区分，呈现设备状态与生产信息。
03
EQUIPMENT & INFORMATION
让数据找到对应的设备。
依据设备编码、工艺流程与现场资料，组织设备状态、参数及生产信息，避免场景信息和操作入口相互遮挡。
04
DEVICE PAGES
不同设备使用对应的信息分区
原料储罐、小料称量、乳化配料罐与 AES 稀释分别对应不同的状态和参数。页面保留场景位置，在设备周围安排相关信息。
让设计，接上交付。
完成界面与信息设计，并通过素材处理和对应关系核对衔接场景表达。
内容与素材说明在完整作品集中查看 · 第 98–103 页
本人负责 UI、信息架构与素材处理。三维场景使用项目既有资产，章节背景为 AI 制作的展示装饰。
查看设计资料依据（3）
- 化妆品工厂孪生可视化平台.sketch
- 上美0820设计稿
- 上美0807修改意见.docx