面对从大型DCS工作站到小型手持终端的不同设备，
工业HMI需要一种既灵活又稳定的布局范式。
"1核2辅"结构并非僵化的模板，
而是一种基于认知效率优先的布局哲学，
旨在为绝大多数工业监控与操作任务提供最优的信息架构。
结构解析与场景适配
① 核心区（中间60%区域）：任务的绝对焦点
-
内容原则：此区域是界面的"工作台"，承载当前最重要的上下文信息和控制功能。
-
实时性：展示动态更新的数据，如工艺流程图、实时趋势曲线、视频监控画面。
-
可操作性：放置最直接的控制元素，如虚拟摇杆、PID调节面板、设备启停集群。
-
上下文稳定：当通过左侧菜单切换不同设备或视图时，此区域内容整体更新，但同类控制元素的位置应尽量保持一致（例如，速度滑块总是在温度仪表下方），以建立肌肉记忆。
-
-
场景示例：
-
机床HMI：中央是加工件的3D仿真图，旁边是主轴转速、进给速度的大号数字显示和拖动滑块。
-
化工DCS：中央是带实时数据的P&ID流程图，关键阀门的开关按钮和调节器直接叠放在对应设备图标旁。
-
② 左侧辅助区（20%区域）：系统的导航脊柱
这是一个稳定的、全局的功能入口区，决定了用户能在系统中"去哪里"。
-
设计要点：
-
树状或列表导航：清晰展示系统层级，如"工厂 → 车间 → 生产线 → 单机"。
-
按频率与逻辑排序：最常用的"总览"、"报警列表"置于顶端，随后是"参数设置"、"配方管理"、"维护诊断"等。
-
视觉强调：当前选中项高亮，并可辅以小箭头指示。对于需要特别注意的设备（如带报警），可在其名称旁添加小图标（如惊叹号）。
-
图标+文字：图标（24x24px）提供快速图形识别，4-6个字的文字标签确保无歧义。常用功能图标可使用品牌色。
-
③ 右侧辅助区（20%区域）：上下文的灵活扩展
此区域用于显示与核心区当前焦点相关的、次一级的详细信息或辅助工具。
-
内容特性：
-
从属性：其内容随核心区所选对象变化。点击中央的泵，右侧显示该泵的详细参数、历史曲线、维护记录。
-
临时性：用于显示操作向导、参数输入框、确认对话框。支持最小化或关闭，关闭后可通过一个小浮动按钮重新呼出。
-
非干扰性：用较浅的背景色或虚线边框与核心区区分，确保不会喧宾夺主。
-
④ 特殊优化：小屏设备的自适应
对于10英寸以下的平板或手持终端，"1核2辅"需进行变形。
-
底部Tab栏替代左侧菜单：将最高频的4-5个核心功能（如"首页"、"巡检"、"报警"、"我的"）以图标形式固定在底部，符合移动端操作习惯。
-
核心区至上：核心监控内容占据屏幕上方70%的空间。
-
右侧功能区转化为浮窗或下拉面板：详细信息和次级操作通过"上拉"或点击"更多"按钮在浮窗中呈现，用完即走。
-
手势支持：在核心区，支持捏合缩放流程图、滑动切换设备视图等手势，弥补屏幕空间不足。
实践价值：
"1核2辅"布局通过建立稳定的空间记忆模型，大幅降低了操作员在不同界面间导航的认知负荷。它保证了核心任务流始终处于视觉和交互的中心，同时确保了系统全部功能的可访问性。这种结构经过无数工业场景验证，是平衡信息密度、操作效率与界面复杂度的黄金准则。