4. 智能温室HMI画面布局与信息架构设计

智能温室HMI的画面设计，难点往往不在“能不能画出来”，而在于“操作员在什么情况下、需要多快看到什么信息”。一个温室可能同时接入数十路环境传感器、十几台执行机构、多套水肥与遮阳设备，如果所有数据平铺在同一屏上，操作员在夜间报警时反而找不到关键点。因此，本节的核心任务是把画面从“数据展示板”转变为“任务支持界面”：通过分区策略确定信息落位，通过导航结构确定页面之间的跳转关系，通过信息优先级决定视觉权重，最后用操作流程映射把“看—判断—操作—确认”串成闭环。

一、画面分区策略：四个功能区各司其职

智能温室HMI通常采用“总览区—控制区—报警区—趋势区”四区布局。四区不是简单地把屏幕切成四块，而是按操作员的注意力分配来划分：总览区回答“现在整体怎么样”，控制区回答“我能操作什么”，报警区回答“哪里出了问题”，趋势区回答“变化是怎么发生的”。

总览区一般位于画面上部或左上，占据视觉第一落点，放置温室整体状态：各分区温度、湿度、CO₂浓度、光照度的当前值与状态色，以及通风、遮阳、灌溉、加温等主要执行机构的运行/停止状态。总览区只放“结论性”信息，例如“A区温度 28.6℃ 偏高”，而不是原始曲线。控制区位于中部或右侧，按设备类型分组：环境调控（风机、湿帘、天窗、遮阳幕）、水肥灌溉（电磁阀、水泵、EC/pH）、补光与加温。每个控制对象应同时呈现“当前状态+目标设定+手动/自动模式”，避免操作员在手动干预后忘记切回自动。报警区固定在画面一侧或底部，采用分级色带：红色为紧急（如温度超限、水泵故障），橙色为警告（如湿度偏离、过滤器压差高），蓝色为提示（如传感器通信恢复）。趋势区放在下部或独立页签，用于展示关键参数的历史曲线与设定带。

分区布局要遵循“报警不被遮挡”的原则：无论当前停留在哪个页面，报警区都应保持可见或至少保留报警摘要条。常见做法是顶部固定一条报警摘要栏，显示当前最高等级报警数量与最近一条报警内容，点击后展开完整报警列表。

二、导航结构：让操作员三步内到达目标

导航结构决定页面之间的组织方式。智能温室HMI常见的导航层级是“一级：总览/控制/报警/趋势/设置；二级：按温室分区或设备类型展开”。例如点击总览区中的“A区”卡片，直接进入A区控制页；点击报警条目，跳转到对应设备的控制面板并高亮该设备。导航设计的关键约束是“三步可达”：从任意页面到任意关键控制对象，点击次数不超过三次。

导航栏建议固定在画面左侧或顶部，采用图标加文字的形式，当前页高亮。对于分区较多的温室，可在导航栏中增加“分区切换器”，避免为每个分区单独建一套页面。页面跳转时应保留上下文：从报警跳转到控制页后，提供“返回报警列表”的快捷入口，而不是让操作员重新逐级返回。

三、信息优先级：用视觉权重表达重要性

信息优先级通过位置、大小、颜色和动效四个维度表达。位置优先：越靠左上、越靠近视线中心的信息优先级越高。大小优先：关键数值字号明显大于辅助文字，例如温度当前值用 28～32px，单位与标签用 12～14px。颜色优先：正常状态用中性色或绿色，警告用橙色，紧急用红色，且红色只用于真正需要立即处置的事件，避免“红色疲劳”。动效优先：仅对未确认的紧急报警使用闪烁，且闪烁频率控制在 1～2Hz，确认后停止闪烁但保留色块。

一个常见的误区是把所有参数都做成仪表盘。仪表盘适合展示“当前值在量程中的位置”，但温室中大量参数（如土壤含水量、EC值）更需要看趋势和设定带。因此建议：总览区用状态色块加数值，趋势区用带设定带的曲线，控制区用“当前值/设定值/模式”三列对照。

四、操作流程映射：从“看到”到“做到”

操作流程映射是把操作员的任务路径画出来，再反推画面元素是否支持这条路径。以“A区温度超限”为例，典型路径是：报警区出现红色紧急条目 → 操作员点击条目 → 画面跳转到A区控制页并高亮天窗与风机 → 操作员查看趋势区确认温度上升趋势 → 将天窗开度从 40% 调至 70%、启动风机 3# → 观察总览区温度回落 → 在报警区确认报警。这条路径要求：报警条目可点击、控制页保留趋势缩略图、操作后有状态反馈、报警可确认。

在实现上，可以把每个控制对象的操作设计为“设定—下发—回读”三步：操作员修改设定值后，画面显示“待下发”，点击确认后显示“下发中”，设备回读一致后显示“已生效”。若回读超时（例如 5 秒），显示“通信异常”并触发提示级报警。这样，操作流程映射就不只是页面跳转关系，而是把控制闭环的状态也纳入画面设计。

综上，四区布局解决“信息放在哪”，导航结构解决“怎么找”，信息优先级解决“先看什么”，操作流程映射解决“看完之后怎么操作并确认”。四者共同构成智能温室HMI的信息架构，其目标不是画面好看，而是让操作员在高温报警的几十秒内，准确完成判断与干预。