丨教程丨如何创建高性能的HMI界面（二）

电气CAD吧 · 4 小时前

PLC技术网抖音群

教程

如何创建高性能的HMI界面（二）

编辑丨钻石海

出品丨电气CAD吧

大家好，您正在看到的是由电气CAD吧发布的《如何创建高性能的HMI界面》系列教程，在上一节中如何创建高性能的HMI界面（一）我们主要总结了如何正确使用颜色，本节我们主要来归纳下如何绘制常见设备。

我们在绘制界面时，最为常见的是将工艺图形直接拿来使用，但如何正确的设计它们也是很关键的，高性能HMI界面里的重要一个规则便是：

简单的便是最复杂的！

下面列出几项常见元素的绘制总结。

一、工艺管线：

工艺管道或线以深灰色或黑色绘制。

用线宽而不是颜色来区分它们的意义。

主工艺管道线宽为3个像素，次要工艺线宽为1个像素，尽量使用箭头指示主要管线上的流向。

线条类型不应超过两种或三种（如实线、虚线、点划线），且线宽粗细应相似。

二、工艺容器：

相信不少用户会用三维模型和大量细节来创建逼真的图形，但这适得其反，下面几条规则将有利于清晰地去表达。

容器应该是2D的，而不是3D的。

容器内部应均匀着色，无梯度，并与背景色相同

容器的轮廓应该是黑色或深灰色的细线

只显示容器的代表性开关，不要加太多细节

容器的尺寸应与容器的工艺重要性相关，若可能的话也应与其物理尺寸相关

不应存在与容器内部构件相关的动画

容器不应显示详细的切割图

但千万别这样：

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

三、工艺流程：

工艺流程应统一描述

流量一般应从左到右

蒸汽通常向上流动，液体向下流动

工艺管路应以一致的方式进入和离开屏幕，同时也应让导航目标的入口和出口点一致地呈现，并与非导航链接标签区分开来

四、静态文本

静态文本的显示应遵循以下几个原则：

文本的数量应该最少化且通俗易懂，图形屏幕不是说明手册或培训文档，在不同项目里当元素的位置或形状不明显时，才使用文本来标识它们。

文本一般使用深灰色，而不是黑色。

所有屏幕中的字体应为无衬线字体，以提高文本的可读性。

使用较大的文本来识别重复的设备，如多个反应器、熔炉、压缩机等，当一个屏幕只显示几个炉中的一个时，非常重要的一点是要清楚地显示哪个炉。

对于使用术语、标签、设备名称、标题的英文单词，首选所有为大写字母，对于其它用途，混合大小写则更容易辩认。

确保所有缩写保持一致，并维护一个主列表和它们的词汇表。

五、描述值

在屏幕上实时显示的值应与静态文本不同，如下规则可应用到你的界面中：

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

不显示前导零。

值仅按操作员所需要的精度显示。

在表格中罗列的数字，应与小数点对齐。

如果需要，测量单位可在值的旁边或附近以低对比度文本显示。

默认情况下，元件标记名不应显示，在某些情况下，可提供一个切换命令来显示或隐藏标记名。

当元素被”选中“时，应显示该状态，用白色轮廓包围所选元素，是个很好的办法。

操作或状态消息应简短、简单且具体。

六、控制阀和切断阀

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

简单阀门的描述

一个控制器带多个阀门

七、动态设备

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

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

未完，待续……

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

我们专为

电气工程师服务

▼

电气CAD吧

www.cad-bbs.cn

---

--- QQ千人群 ---

ACE深入浅出：241313463

EPLAN深入浅出I：333793864

EPLAN深入浅出II：397139254