“这屏幕太小了,塞不下这么多参数!” 这是我们在服务OEM客户时,最常听到的电气工程师的抱怨。
但当我们拿到源文件一看,往往发现屏幕并不小(10寸甚至15寸),问题在于布局混乱。数据像撒胡椒面一样随意散落在屏幕上,没有分组,没有层级,操作员想找一个“油压温度”,眼睛需要在屏幕上扫视好几圈。
HMI设计的核心不仅仅是画图,而是信息架构(Information Architecture)的梳理。
如何让界面井井有条?试试这几招:
- 遵循“F型”或“Z型”浏览习惯 人类阅读屏幕的习惯是从左上角开始,先水平向右,再视线下移。
- 左侧/顶部:放置最重要的全局信息(如设备状态标题、当前配方名称、系统时间)。
- 中间区域:放置核心监控数据和可视化图形(如流体图、电机状态)。
- 底部/右侧:放置导航菜单或全局功能键(如主页、复位、设置)。 不要挑战用户的习惯,不要把“急停”或“返回主页”藏在屏幕的角落里。
- 亲密性原则(Proximity) 这是排版中最简单的原则:关系紧密的内容,要在物理距离上靠得更近。
- 比如:变频器的“频率设定”输入框、“实际频率”显示框、“频率单位”文本,这三者应该被框在一起,形成一个视觉组。
- 不要把“设定/操作”放在屏幕左边,把“实际值”放在屏幕右边。
- 对齐!对齐!对齐! 这不需要审美,只需要耐心。打开你作图软件里的“网格”或“辅助线”。让所有的文本框左对齐,让所有的数值显示右对齐。整齐划一的界面,自带一种精密的工业美感。
好的布局,是让操作员不需要思考,凭直觉就能点对地方。