设备总览
先看哪些设备在运行、哪里需要关注。把在线数、关键指标与待处理告警放在首屏；设备卡片保留进入详情的入口。
重点：概况 → 异常 → 设备
墨刀 · 工业界面与交互原型
上位机设计让设备状态
上位机设计让设备状态
一眼看懂
从设备总览、参数设置到趋势与告警，把复杂的工控需求变成清晰的上位机界面。在墨刀里搭建页面、模拟操作、协同评审，让研发拿到看得懂、可讨论的设计。
- 在线编辑
- 交互预览
- 团队评论
看得清设备、数据、状态有层次
操作有反馈等待、成功、失败各有表达
交付有依据页面、规则、交互一起评审
从操作任务组织界面上位机界面设计，
上位机界面设计，
先让信息各就其位
上位机界面是操作人员查看设备状态、设置参数、追踪异常的工作入口。用墨刀原型先把信息布局和操作流程设计清楚，再交给研发实现设备通信、数据处理与实际控制。
设备详情
围绕单台设备呈现当前状态、关键参数和最近变化。同一参数紧挨单位、更新时间与数据有效性，减少来回确认。
重点：数值不脱离上下文参数设置
区分当前值与准备提交的新值，标注单位、范围和填写规则。修改后先反馈提交状态，再显示设备确认结果。
重点：输入 → 校验 → 反馈趋势曲线
支持用户理解一段时间内的变化。明确时间范围、采样间隔和量纲；数据中断的位置留出缺口，不把缺失补成零。
重点：变化有时间参照告警与事件
把发生时间、设备、内容和处理状态放在一起。区分“已确认”和“已恢复”，确认告警并不代表异常已经消失。
重点：发现 → 定位 → 跟进权限与操作记录
让只读人员知道哪些操作不可用以及原因。对关键参数修改，设计二次确认、结果提示和可追溯的操作记录。
重点：角色决定可用操作把正常与异常都设计完整数值超限和通信中断，
数值超限和通信中断，
不该是同一种提示
点击下方状态，查看同一个温度参数应该怎样变化。颜色之外，同时给出文字、更新时间和下一步，让操作人员知道该关注什么。
界面状态体验设备 A01 · 温度监控
设计样例● 数据有效
42.6℃
最后有效采集：14:32:08
当前温度正常，继续查看趋势变化。
界面需同时表达：值 + 单位 + 数据状态 + 时间
先判断数据能不能用
通信中断时，显示“当前值不可用”和最后有效时间。保留历史值时明确标记过期，不能让旧数值看起来仍在实时刷新。
再表达业务异常
数据有效但超出设定范围时，显示告警对象、参数和详情入口。阈值与等级由项目规则确定，不能仅凭配色自行定义。
让操作状态说完整
“已提交”之后仍可能等待设备确认。为等待、超时和失败分别安排反馈；未收到确认时，不提前显示“设置成功”。
颜色少一点，含义清楚一点。常态保持克制，把强调色留给需要关注的对象；状态文字与图形共同表达含义，避免只靠红绿区分。
按实际终端验证可读性。在目标分辨率下检查数字、单位与按钮；触摸操作需要足够的点击空间，高密度桌面界面则要保持对齐与分组。
在墨刀里把操作走一遍上位机原型，
上位机原型，
不止是一张静态画面
用页面跳转、动态组件、变量与条件判断，把“点了什么、界面怎么变”串起来。评审时直接演示设备详情、参数填写和异常反馈，不必只靠口头解释。
- 先搭建页面与组件统一导航、设备卡片、参数字段和告警列表，复用同一组视觉规则。
- 再设置触发与反馈从点击设备进入详情，再到填写参数、显示确认弹窗与结果提示。
- 用变量补全状态用文本或布尔变量表达“在线”“数据有效”“可编辑”，绑定对应的文字、显隐或禁用状态。
让研发与设计对齐
一处评论，对应一个页面问题
分享原型给产品、设计和研发，在具体页面评论与讨论。交付时把界面、状态说明和规则放在一起，减少“这个值从哪里来”“断线之后显示什么”的反复沟通。
页面结构设备总览、详情与返回路径字段规则名称、单位、范围与精度交互状态等待、成功、失败与只读研发说明数据来源、更新规则与异常条件
从熟悉的设备场景开始上位机界面模板，
上位机界面模板，
给你的项目一个起点
选择贴近设备类型的模板，先看页面组织是否符合项目，再调整字段、状态与视觉规范；模板的使用条件在详情页查看。
AI 辅助设计把设备需求说明白，
把设备需求说明白，
让 AI 帮你起稿
把用户角色、设备类型、页面结构和关键状态写进需求，交给墨刀 AI 生成界面初稿，再继续修改布局和交互。相比一句“帮我做个工业大屏”，明确的业务信息更容易得到可继续设计的页面。
- 带上字段参数名称、单位、取值范围、显示精度。
- 带上状态数据有效、超限、断线，以及提交等待与失败。
- 带上终端窗口大小、鼠标或触摸操作、查看距离。
常见问题开始上位机设计前，
开始上位机设计前，
你可能还想知道
从工具适用范围，到界面落地的关键区别。
墨刀可以做上位机设计吗？
可以用于上位机的界面设计与交互原型：搭建设备总览、参数设置、趋势和告警页面，模拟页面跳转与状态变化，并进行预览、评论和分享。设备通信、实时采集与控制逻辑由研发在实际软件中实现。
上位机界面设计与上位机软件开发有什么区别？
界面设计确定信息怎么展示、用户如何操作、异常如何反馈；软件开发还要处理设备连接、通信协议、数据存储、权限执行及运行稳定性。原型可以帮助双方确认需求，但可点击的原型不等于已完成的控制软件。
上位机界面一定要做成深色工业大屏吗？
不一定。应根据现场光照、屏幕、查看距离和任务密度选择主题。日常操作界面需要清楚的字段、单位、层级与反馈；深色或浅色都可以，关键是文字对比、状态辨识和一致的颜色规则。
墨刀可以把原型直接变成 Qt 或 WPF 上位机程序吗？
不要把界面原型等同于可直接运行的 Qt 或 WPF 项目。更合适的用法是先确认布局、组件样式、字段规则和交互，再交由研发用项目选定的技术栈实现。通信、设备控制及现场验证仍需在工程环境中完成。
上位机、HMI 与 SCADA 是同一回事吗？
不是完全相同的概念。上位机通常指与设备或控制器交互的计算机及软件；HMI 强调人与设备或系统交互的界面；SCADA 侧重监控与数据采集系统。三者可能在项目中重叠，本页聚焦其中的界面与交互设计。
开始设计前，需要准备哪些资料？
准备设备与用户角色、典型操作流程、参数清单及单位、目标屏幕尺寸，以及告警、权限和数据更新规则。资料不齐时可先做布局，但待确认规则要单独标注，避免把初稿中的默认值带进最终实现。
