2.2　前面板设计总原则

无论对于何种VI前面板，其主要目的是用于与用户或开发者进行交互，以最终实现用户要求的功能。也就是说，对界面布局的调整、美化、修饰都应以提高交互效率、实现用户任务为目的。任何牺牲交互性的界面设计都是失败的。评判前面板设计的好坏是个比较主观的问题，不同的使用环境、不同的用户群可能有不同的评价标准。虽然很难有统一创建VI前面板的标准，但还是有一些常规经验供设计时参考。

表2-2列出了VI前面板设计总原则，这些原则贯穿整个前面板设计过程。

表2-2　前面板设计总原则

设计人员必须时刻牢记设计VI的目的是实现用户要求的功能。换句话说，如果用户要求的功能尚未实现，无论花多少时间和精力，设计出的漂亮界面都是华而不实。由于不同场合和用户群的使用习惯各不相同，因此在设计前应根据这些因素决定采用何种设计风格。例如由于桌面应用一般在办公室或实验室等较好环境下，由熟悉计算机的人群使用，因此可使用标准对话框和系统风格控件进行设计；而对工业应用来说，一般使用在生产线、户外等较差环境下，并由操作工使用，则可选用自定义对话框和流行的3D控件来增强显示效果。

很多设计人员习惯“从内到外”进行思考，从自己进行编码的容易程度来主观决定哪些信息应当显示给客户，然而客户并不知道程序内部如何工作，他们只关心如何利用软件快速高效地完成手头工作，当不能很快上手时，就会不断抱怨。因此，设计前面板时要改变思路“由外到内”进行设计，只把用户需要的信息按照用户的语言显示出来，把内部处理所需的数据与用户需要的信息分离开来，做到程序的问题程序内部解决。另外，使用下拉环或枚举框将数据与文本图片等信息进行映射，用有意义的文本或图片代替晦涩的数字也能较好提高可读性。如图2-3所示，要显示某种类型为31014的集成电路产品，使用该产品的图片比直接给出一串数字要直观得多，而且还能传递诸如封装形式、针脚数量等更多信息。

图2-3　用图片代替晦涩的数字

限定显示在界面上的信息数量能很快使用户将注意力集中在重要信息上。在同一页提供大量的信息只能使用户无从下手。如果需要显示的信息的确非常多，可以将逻辑上或功能上相关、但相对其他信息较为独立的部分用Tab控件分页显示。若有必要，还可以增加一个“概览”（Overview）页面，将总体情况或重要的信息显示给客户，细节部分可随后逐页查看，如图2-4所示。

图2-4　使用Tab将信息进行分类，并添加概览页

前面板设计时另一个重要的总体原则是界面的一致性。保持一致的界面设计不仅可以使程序显得专业，更重要的是可以缩短操作人员上手的时间。由于软件界面的一致性，用户可在使用软件的某一部分后，可快速地将操作方式沿用到其他模块。

表2-3列出了前面板设计的一致性原则。要做到软件界面一致，可以通过使整个应用程序的风格一致、使功能相近的控件大小、颜色尽量一致以及设计时沿用通用习惯、惯例或行业规范来实现。使整个应用程序的风格一致，意味着在整个应用程序界面中要使用相同风格的控件、相同类型的字体和相同配色方案等。除非要刻意达到某种着重强调的目的，否则使用与整个界面风格不一致的控件会显得很突兀。在保证与整体风格一致的前提下，使功能相近的控件大小、颜色尽量一致，可以有效增强软件的可读性和信息传递的有效性。在设计时可以使用控件尺寸调整工具（Resize Objects）和颜色设置工具（Set Color）来调整尺寸、颜色等。设计时沿用通用习惯或惯例尤为重要。例如，绿色通常代表正常通过，黄色代表告警，红色代表故障，如果在设计中不沿用这些惯例，用户会觉得很迷惑。在实际开发过程中，行业规范并不像红、绿、蓝那么简单，通常必须针对特定行业，通过研究规范或与客户进行大量沟通来确定软件界面的最终显示。

表2-3　前面板设计的一致性原则