Industry News
Basic principles of operator interface graphic design
Date：2016-02-16
Source：Samsun Technology
绝大多数自动化和过程控制项目都要提供操作员界面，以显示系统当前的状态。这些界面可能非常简单，也可能极为复杂。它们展现的是一个想象中的或者是现实存在 的方面，是对整体工作质量的一个反应。图形的质量当然会留下一个持续的印象，因为它们每天都会出现在操作员面前。如果有制作一份关于如何创建图形的指南， 它一定是一部巨著。当然，首先是一些客户对于图形的功能有一些标准。然而，还有一些关键的设计点可以让图形界面显得更加精致。
线条应该是水平或者垂直的。有角度的线必须有一定的含义，线条存在倾斜，这是最糟糕的问题。如果使用一些直线表示流程管线，这些线条的交汇必须表示某种含义，而接触到某种设备的线条需要表示真实的连接。现实中的管线可不能悬在空中。
使用线条的时候有两个基本选择：直线和折线。使用哪一种取决于设计师的意图。最后，真正关键的事情是保持一致性以及合理的结构。如果你使用线条元素，那么它也一定要满足上述规定。
颜色：界面元件的颜色必须有意义，并且在这个系统中应该统一。如果同一个过程元素在界面中的颜色到了所谓“第二阶段”的时候就发生了改变，这可是最容易引起混淆的做法。比方说，如果在一张图的大部分地方水是用蓝色表示，那么后续的所有图中水也应该是蓝色的。
阀门：在流程图中一般都表示为一个“领结”图案。“领结”需要置于管线或者线条的中间，表示过程管线的线条应该在领结后面不显示。
文 本：首先，文字必须是准确的。除了准确之外，还应该做到优雅。合理对齐文字，不要想当然地认为中间对齐方式就适用于所有的情况。选择一种或者两种字体，并 且坚持使用。无论出于何种目的，都不要采用拖拽的方法改变文字尺寸，因为一些系统将文字视为图形对象，这会产生不均匀的效果。改变文字尺寸，必须要通过调 整字号的方式完成。
3D 和动画实体：这些设计元素在宣传的时候看起来非常棒。但是，过度的使用这类实体，容易造成操作人员分神，并且占用了不必要的屏幕空间。如果你加进动画管 线、风扇、电机或者其他小玩意，屏幕就会闪闪发光，这并不是什么聪明的做法。屏幕应该能够提供快速的参考信息。元素的闪烁和移动可能会吸引你的眼球。因 此，只有在诸如报警这类重要的地方才需要使用动画。
位 置：屏幕需要围绕中心点进行设计。这并不意味着主要的设备或者元件就要位于中心，而是指屏幕应该是围绕中心保持平衡的。要允许操作员把注意力放在中心，这 样才能实现屏幕与屏幕之间更加平顺的切换。在设计屏幕中心的关注点的时候，要保证像菜单和标识之类的元素在各个屏幕之间位置一致。
空间：和位置一样，这也是有些主观的工作，但是确实需要考虑。相似或相关的元件需要平均地赋予空间。如果阀门和相关的标签名称随意并且散乱放在屏幕上，这会非常糟糕。元素放置的区域也应该保持一致，这样看起来才更像网格化的图形。
为 未来做计划：制作易于维护的图形非常重要。绝大多数系统可以提供不止一项功能，比如网格和捕捉，这需要快速开发并且容易修改，从而帮助实现预期的设计意 图。很多系统都出于各种原因提供了这些功能，那么就要使用它们。您可能不是下一个阶段或者修改时候的开发人员，但是谁知道呢？
最后，没有哪个建议可以保证设计出完美的系统。周密的计划和安排并且执行，才能实现成功的设计。这些建议只是能够让您的系统看起来更加专业和整洁。无论您的后台开发的多么精彩和多么充满技术含量，您能够展现给人们的还是这些可以看到的界面。
线条应该是水平或者垂直的。有角度的线必须有一定的含义，线条存在倾斜，这是最糟糕的问题。如果使用一些直线表示流程管线，这些线条的交汇必须表示某种含义，而接触到某种设备的线条需要表示真实的连接。现实中的管线可不能悬在空中。
使用线条的时候有两个基本选择：直线和折线。使用哪一种取决于设计师的意图。最后，真正关键的事情是保持一致性以及合理的结构。如果你使用线条元素，那么它也一定要满足上述规定。
颜色：界面元件的颜色必须有意义，并且在这个系统中应该统一。如果同一个过程元素在界面中的颜色到了所谓“第二阶段”的时候就发生了改变，这可是最容易引起混淆的做法。比方说，如果在一张图的大部分地方水是用蓝色表示，那么后续的所有图中水也应该是蓝色的。
阀门：在流程图中一般都表示为一个“领结”图案。“领结”需要置于管线或者线条的中间，表示过程管线的线条应该在领结后面不显示。
文 本：首先，文字必须是准确的。除了准确之外，还应该做到优雅。合理对齐文字，不要想当然地认为中间对齐方式就适用于所有的情况。选择一种或者两种字体，并 且坚持使用。无论出于何种目的，都不要采用拖拽的方法改变文字尺寸，因为一些系统将文字视为图形对象，这会产生不均匀的效果。改变文字尺寸，必须要通过调 整字号的方式完成。
3D 和动画实体：这些设计元素在宣传的时候看起来非常棒。但是，过度的使用这类实体，容易造成操作人员分神，并且占用了不必要的屏幕空间。如果你加进动画管 线、风扇、电机或者其他小玩意，屏幕就会闪闪发光，这并不是什么聪明的做法。屏幕应该能够提供快速的参考信息。元素的闪烁和移动可能会吸引你的眼球。因 此，只有在诸如报警这类重要的地方才需要使用动画。
位 置：屏幕需要围绕中心点进行设计。这并不意味着主要的设备或者元件就要位于中心，而是指屏幕应该是围绕中心保持平衡的。要允许操作员把注意力放在中心，这 样才能实现屏幕与屏幕之间更加平顺的切换。在设计屏幕中心的关注点的时候，要保证像菜单和标识之类的元素在各个屏幕之间位置一致。
空间：和位置一样，这也是有些主观的工作，但是确实需要考虑。相似或相关的元件需要平均地赋予空间。如果阀门和相关的标签名称随意并且散乱放在屏幕上，这会非常糟糕。元素放置的区域也应该保持一致，这样看起来才更像网格化的图形。
为 未来做计划：制作易于维护的图形非常重要。绝大多数系统可以提供不止一项功能，比如网格和捕捉，这需要快速开发并且容易修改，从而帮助实现预期的设计意 图。很多系统都出于各种原因提供了这些功能，那么就要使用它们。您可能不是下一个阶段或者修改时候的开发人员，但是谁知道呢？
最后，没有哪个建议可以保证设计出完美的系统。周密的计划和安排并且执行，才能实现成功的设计。这些建议只是能够让您的系统看起来更加专业和整洁。无论您的后台开发的多么精彩和多么充满技术含量，您能够展现给人们的还是这些可以看到的界面。
