操作界面图形101

操作界面上的图形可以非常简单,也可以非常复杂,所以在创建图形时,你应该牢记一些技巧。

通过杰夫Monforton 2014年3月18日

大多数自动化和过程控制项目提供一个操作员界面,显示系统的当前状态。这些问题可能非常简单,也可能极其复杂。他们所展示的一个方面——无论是感知到的还是真实的——是整体工作质量的反映。高质量的图像肯定会给人留下持久的印象;毕竟,它们每天都在操作员的视图中。

开发一份如何创建图形的指南将会是一大堆书。此外,有些客户对图形制作有自己的标准(要严格遵守这些标准,尤其是当你不同意他们的时候)。然而,有一些设计要点可以让你的图形屏幕看起来更精致。

说实话,当我回顾图像时,这些内容也是我最讨厌的内容。

线条应该是水平或垂直的。有角度的线条必须显得有意为之。没有什么比一条有轻微“慢跑”的线更糟糕的了。

当线条被用来表示工艺管道时,线条相交代表一个“Tee”,并接触设备以表示连接。现实中的管道并不只是悬在空中。

在使用线条时,有两种基本的选择:直线和折线。它的使用偶尔会成为设计师之间争论的焦点。最后,唯一真正重要的是一致性和结构。如果你用的是线段,那么它们必须相交。

颜色

屏幕上物品的颜色是有意义的,这在整个系统中应该是统一的。当为相同的流程元素实现“阶段2”时,屏幕颜色的含义发生变化时,没有什么比这更令人不安的了。例如,如果水在大多数图形上是蓝色的,那么它也应该是蓝色的所有图像。

阀门

阀门通常在工艺图形上显示为“领结”。领结要放在管子/绳子的中央。代表工艺管道的线在领结后面不可见。

文本

对于文本,“该做的”和“不该做的”比可以列出的还要多。我们只讲一些重点。

首先,它必须准确(听起来很简单,不是吗?)除了准确性,剩下的就是审美。适当对齐文本(不要假定居中对齐适用于所有情况)。选择一到两种字体并坚持使用。无论如何,不要通过拖动大小调整手柄来改变字体大小;一些系统将文本作为绘图对象,产生不均匀的结果。通过调整字体点大小来更改文本大小。

3-D和动画项目

这些项目在宣传册上看起来很棒。然而,过度使用这些类型的项目会分散注意力或消耗不必要的屏幕空间。当你把动画管道、风扇、马达和其他小玩意扔进去时,屏幕可能会变成一个“华丽”的地方——而且不是以一种好的方式。

屏幕需要提供信息的快速参考。闪烁和移动的物品吸引你的眼球。因此,把它们留给重要的事情,比如闹钟。

位置

引用房地产经纪人的话,“地段,地段,地段。”屏幕需要围绕中心点冲洗。这并不意味着主要设备或设备位于中心,但屏幕是围绕这一点平衡的。允许操作人员将注意力集中在中心,可以实现更流畅的屏幕到屏幕的过渡。

在围绕屏幕中心开发焦点的同时,在屏幕与屏幕之间有一些一致的元素,例如菜单和横幅。把它们放在同一个位置是非常重要的。否则,屏幕之间的变化看起来就像20世纪20年代的糟糕卡通片。

间距

和位置一样,这有点主观,但需要考虑。相似或相关的元素需要均匀间隔。没有什么比看到阀门和相关的标签名称随意地分布在屏幕上更糟糕的了。字段还需要保持一致,以便它们看起来更像网格。

导航

这里唯一要说的是,导航必须工作,并将操作符带到指示的位置。虽然看似不言自明的是,一个坏的导航选择是一个主要的烦恼。

计划未来

重要的是要留下易于维护的图形。大多数系统都提供了一些东西,比如Grid和Snap,它们允许快速开发和易于修改。这些也有助于上面提到的大部分要点。如此多的系统提供这些是有原因的。使用它们。您可能不是进行下一阶段或修改的开发人员,但您也可能是。

最后,这些观点都不会导致一个完美的系统。精心的计划、布局和执行将导致成功的实施。这些要点会让你的系统看起来更专业。尽管你在后台开发了所有美妙的技术魔法,这是持久的,可见你留下的印象。

最后提醒:对于那些认为这些项目只是随机点的人,请三思。作者花了几个月的时间清理与上述观点直接相关的图形和控制系统。

本文由Jeff Monforton撰写。杰夫是高级工程师特立独行的技术是一家领先的自动化解决方案提供商,为流程工业提供工业自动化、战略制造和企业集成服务。MAVERICK提供广泛领域的专业知识和咨询,包括工业自动化控制、分布式控制系统、制造执行系统、运营战略、业务流程优化等。