2、如何创建高性能的HMI界面—图形的绘制

• 工艺管道或线以深灰色或黑色绘制。
• 用线宽而不是颜色来区分它们的意义。
• 主工艺管道线宽为3个像素，次要工艺线宽为1个像素，尽量使用箭头指示主要管线上的流向。
• 线条类型不应超过两种或三种（如实线、虚线、点划线），且线宽粗细应相似。

• 容器应该是2D的，而不是3D的。
• 容器内部应均匀着色，无梯度，并与背景色相同
• 容器的轮廓应该是黑色或深灰色的细线
• 只显示容器的代表性开关，不要加太多细节
• 容器的尺寸应与容器的工艺重要性相关，若可能的话也应与其物理尺寸相关
• 不应存在与容器内部构件相关的动画
• 容器不应显示详细的切割图

随时随刻都要提醒自己保持简洁！

• 工艺流程应统一描述
• 流量一般应从左到右
• 蒸汽通常向上流动，液体向下流动
• 工艺管路应以一致的方式进入和离开屏幕，同时也应让导航目标的入口和出口点一致地呈现，并与非导航链接标签区分开来

• 文本的数量应该最少化且通俗易懂，图形屏幕不是说明手册或培训文档，在不同项目里当元素的位置或形状不明显时，才使用文本来标识它们。
• 文本一般使用深灰色，而不是黑色。
• 所有屏幕中的字体应为无衬线字体，以提高文本的可读性。

• 使用较大的文本来识别重复的设备，如多个反应器、熔炉、压缩机等，当一个屏幕只显示几个炉中的一个时，非常重要的一点是要清楚地显示哪个炉。
• 对于使用术语、标签、设备名称、标题的英文单词，首选所有为大写字母，对于其它用途，混合大小写则更容易辩认。
• 确保所有缩写保持一致，并维护一个主列表和它们的词汇表。

• 对于灰色背景来说，一个粗体的深蓝色（RGB 71,92,167）是非常不错的选择，它可以区分动态值和静态文本

• 不显示前导零。
• 值仅按操作员所需要的精度显示。
• 在表格中罗列的数字，应与小数点对齐。
• 如果需要，测量单位可在值的旁边或附近以低对比度文本显示。
• 默认情况下，元件标记名不应显示，在某些情况下，可提供一个切换命令来显示或隐藏标记名。
• 当元素被”选中“时，应显示该状态，用白色轮廓包围所选元素，是个很好的办法。
• 操作或状态消息应简短、简单且具体。

阀门的绘制同样以简洁为主。

正确显示设备的当前状态非常重要，并且有的设备可能具有多种运行状态，状态描述不应依赖于颜色，而应该依赖于填充状态、形状，甚至简单的文本。并且还要区分有无状态信号的设备。

也可以在泵的旁边用一个简单的文本字符串来描述状态”运行“或”停止“，运行状态的泵不应显示为”绿色“，同样停止状态的泵也不应显示为”红色“，记住，颜色用于提醒异常情况时使用，本来就没有什么泵运行或不运行的异常情况。绝不应该仅仅因为泵没有运行就发出警报，如果泵在本应运行时未运行，才应发出警报，但这属于另一类异常的警报类型了。

有关常见元素的绘制总结就先到这里，欢迎大家转发与讨论，你在工作中碰见过哪些高性能的界面，欢迎在电气CAD吧公众号后台提交给我们，一起讨论一起学习，下一篇我们将讨论HMI界面中数据的表达！我们下节见~

电气CAD吧终身VIP

收藏 海报分享