e-works数字化企业网  »  文章频道  »  工业自动化控制  »  人机界面

操作员界面图形设计的基本原则

2015/1/21    来源:控制工程网        
关键字:界面图形  人机界面  自动化  
绝大多数自动化和过程控制项目都要提供操作员界面,以显示系统当前的状态。这些界面可能非常简单,也可能极为复杂。它们展现的是一个想象中的或者是现实存 在的方面,是对整体工作质量的一个反应。

  绝大多数自动化和过程控制项目都要提供操作员界面,以显示系统当前的状态。这些界面可能非常简单,也可能极为复杂。它们展现的是一个想象中的或者是现实存在的方面,是对整体工作质量的一个反应。图形的质量当然会留下一个持续的印象,因为它们每天都会出现在操作员面前。如果有制作一份关于如何创建图形的指南,它一定是一部巨著。当然,首先是一些客户对于图形的功能有一些标准。然而,还有一些关键的设计点可以让图形界面显得更加精致。

  线条应该是水平或者垂直的。有角度的线必须有一定的含义,线条存在倾斜,这是最糟糕的问题。如果使用一些直线表示流程管线,这些线条的交汇必须表示某种含义,而接触到某种设备的线条需要表示真实的连接。现实中的管线可不能悬在空中。

  使用线条的时候有两个基本选择:直线和折线。使用哪一种取决于设计师的意图。最后,真正关键的事情是保持一致性以及合理的结构。如果你使用线条元素,那么它也一定要满足上述规定。

  颜色:界面元件的颜色必须有意义,并且在这个系统中应该统一。如果同一个过程元素在界面中的颜色到了所谓“第二阶段”的时候就发生了改变,这可是最容易引起混淆的做法。比方说,如果在一张图的大部分地方水是用蓝色表示,那么后续的所有图中水也应该是蓝色的。

  阀门:在流程图中一般都表示为一个“领结”图案。“领结”需要置于管线或者线条的中间,表示过程管线的线条应该在领结后面不显示。

  文本:首先,文字必须是准确的。除了准确之外,还应该做到优雅。合理对齐文字,不要想当然地认为中间对齐方式就适用于所有的情况。选择一种或者两种字体,并且坚持使用。无论出于何种目的,都不要采用拖拽的方法改变文字尺寸,因为一些系统将文字视为图形对象,这会产生不均匀的效果。改变文字尺寸,必须要通过调整字号的方式完成。

  3D和动画实体:这些设计元素在宣传的时候看起来非常棒。但是,过度的使用这类实体,容易造成操作人员分神,并且占用了不必要的屏幕空间。如果你加进动画管线、风扇、电机或者其他小玩意,屏幕就会闪闪发光,这并不是什么聪明的做法。屏幕应该能够提供快速的参考信息。元素的闪烁和移动可能会吸引你的眼球。因此,只有在诸如报警这类重要的地方才需要使用动画。

  位置:屏幕需要围绕中心点进行设计。这并不意味着主要的设备或者元件就要位于中心,而是指屏幕应该是围绕中心保持平衡的。要允许操作员把注意力放在中心,这样才能实现屏幕与屏幕之间更加平顺的切换。在设计屏幕中心的关注点的时候,要保证像菜单和标识之类的元素在各个屏幕之间位置一致。

  空间:和位置一样,这也是有些主观的工作,但是确实需要考虑。相似或相关的元件需要平均地赋予空间。如果阀门和相关的标签名称随意并且散乱放在屏幕上,这会非常糟糕。元素放置的区域也应该保持一致,这样看起来才更像网格化的图形。

  为未来做计划:制作易于维护的图形非常重要。绝大多数系统可以提供不止一项功能,比如网格和捕捉,这需要快速开发并且容易修改,从而帮助实现预期的设计意图。很多系统都出于各种原因提供了这些功能,那么就要使用它们。您可能不是下一个阶段或者修改时候的开发人员,但是谁知道呢?

  最后,没有哪个建议可以保证设计出完美的系统。周密的计划和安排并且执行,才能实现成功的设计。这些建议只是能够让您的系统看起来更加专业和整洁。无论您的后台开发的多么精彩和多么充满技术含量,您能够展现给人们的还是这些可以看到的界面。 

责任编辑:陈浩
本文为授权转载文章,任何人未经原授权方同意,不得复制、转载、摘编等任何方式进行使用,e-works不承担由此而产生的任何法律责任! 如有异议请及时告之,以便进行及时处理。联系方式:editor@e-works.net.cn tel:027-87592219/20/21。
e-works
官方微信
掌上
信息化
编辑推荐
新闻推荐
博客推荐
视频推荐