组态软件人机界面设计规范microsoftword文档

组态软件人机界面设计规范microsoftword文档内容摘要：

类描述信息的标题行定为居中，那么其他类似的功能也应该与此一致。 如 Tab 键的习惯用法是阅读顺序从从左到右，从上到下。 在定义软件快捷键时也可以将现有一些快捷键的属性作为参考，如表 131（见附件）列出了常用的快捷键及其功能。 四、 GUI界面操作可定制性 界面的可定制性大致可分为以下几个特性： 允许用户定义工具栏、状态栏是否显示，工具栏显示在界面上的位置；允许用户定义菜单的位置等。 不同用户对常用工具的使用是不同的，因此允许用户建立新的工具栏，选择要显示的工具栏，定制工具栏上的按钮等功能在软件系统中经常被用到 对于某些特殊行业的软件可以提供统计检索的可定制性，在充分了解用户需求的基础上制定大量的安全供用户选择 GUI所包含各类元素标准的定制 GUI的元素大致可分为以下几个方面： 1. 窗口 2. 菜单 3. 图标 4. 控件 5. 鼠标 6. 文字 7. 联机帮助 一、 GUI窗口的标准 窗口是显示设备中的一个区域，用于观看对象、对象相关信息以及应用与对象的动作进行交互。 从外观上来说，通常窗口是由标题、边框、菜单、工作区、滚动条等组成。 窗口的标题栏可以进行打开、关闭、创建、缩放、移动、删除、重叠等操作 好的 GUI窗口应该具备以下标准： 、对齐方向、颜色、背景等属性的设置和程序设计规约相一致 、工具条、滚动条、对话框、按钮、图标 和其他控制，既能正确显示又能调用 ，所有内容能够改变大小、移动和滚动 、功能键、方向前头和键盘操作 ，窗口能够正确再生 ，所有的窗口能够被实时更新 ，子窗体也应该支持缩放 13. 一个窗口中按 Tab 键，移动聚焦按顺序移动。 先从左至右，再从上到下 ，正上方 1/4 处为易吸引用户注意力的位。 父窗口或主窗口的中心位置应该在对角线焦点附近，如下图 212 所示 ，并且显示出窗口标题，如下图 213 所示 排列 二、 GUI菜单的标准 菜单是否易用主要体现在它能否提供线索帮助用户识别，而不用强迫用户去记忆，一个好的菜单设置可以分为以下几个方面： ，能够表达出所要进行设置的功能 ，具有逻辑关联的项目集中放置 三、 GUI图标的标准 图标是表示实体信息简洁、抽象的符号，它还可以作为可视按钮项，当被选中激活时，可以 完成指定的功能。 那么图标的设计当中应该着重考虑哪些问题呢，以下提供几点可供参考： ，轮廓清晰的图标可保证图像在不同背景色上都具有较好的效果。 Windows XP 系统的图标有四种尺寸（以像素为单位）可作为参考： 4848， 3232， 2424以及 1616，图标大小的选取决定于工具栏所定义的宽度 ，应尽量避免抽象。 这样的图标可以使用 户很轻松、容易地认识图标的作用 ，用来说明图标所完成的功能 四、 GUI中控件的标准 软件系统功能的实现与控件是密不可分的，各控件位置的摆放直接影响到软件的使用，及其美观程度。 下面举例说明软件系统中最常用到的控件对其元素间距、摆放位置进行说明： l 输入框之间垂直间距为 5px l Label 文本标签和输入元素之间水平间距为 822px l 复选框、单选按钮之间垂直间距为 8px l 多种元素混合垂直排列时，复选框和单选按钮边上的间距无论在什么情况下都为8px l 窗口边框和内容区域的四周边距为 11px； l 父组和子组之间的四周间距为 10px； l 分组框边框和内部内容区域的四周边距为 5px； l 复选框组、单选框组的组水平间距为 15px ，如下表 241 对按钮摆放位置的规则做了总结 指向对象 对象举例 按钮位置 单个对象 输入框 按钮仅靠在输入框的右边 多个对象 界面元素组 按钮与最底部的对象左对齐，如果空间允许则仅靠在最底部对象的右边 窗口区域，页签面板，分组框 分组框 按钮位于分组框左下角，并和分组框内其它元素左对齐 表格，网格 表格 按钮 位于表格下方，并和表格左对齐 五、鼠标在 GUI中的标准 用户会把鼠标移进、移出窗口，或当光标在窗口，或当光标在窗口中，用户按下、释放鼠标键，鼠标是否准确、灵活，对一个软件系统来说也很重要。 以下几点标准可作为在软件系统中鼠标设计的参考： 过程中，可以识别鼠标操作 ，仍能够正确识别 ，能够正确识别每个按钮所要完成的功能 、处理指示器和识别指针随操作恰当的改变 ，鼠标指针停留在选中内容上，而不会滑动 ，如用水漏表示系统忙，用手型表示可以点击等 ，取消右 键后该菜单隐藏 ，尽量使用系统标准，杜绝出现重复的情况 六、 GUI文字的标准 文字在视觉上向用户传达各种信息，界面文字包括界面文字的字体和界面文字的用语两个方面，那这两方面都有哪些要求呢。 以下分别阐述。 ，如规定软件系统的中文字体为 “宋体 ”，英文及数据采用 “Times New Roman” 、描述信息尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况 提示信息、帮助文档文字表达 遵循以下准则： ，用词客气多用您、请，不要用或少用专业术语，杜绝错别字 （断句、逗号、句号、顿号、分号）的用法要统一， 提示信息比较多的话要进行分段 、信息、错误 使用对应的表示方法 ，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定 七、 GUI联机帮助的标准 帮助文档适用于以下三种情况： l 系统默认、行业标准的控件操作不需要逐一描述，只需要对特殊控 件加以描述 l 特殊操作、特殊功能界面，在界面上加控件直接连接到对应的帮助文件中 l 特殊设置的详细信息，除了应该在界面上用简洁明了的语句说明外，还可以在界面上加控件直接连接到对应的帮助文件中 帮助文档的标准要求： l 结构化，按功能模块划分 l 必须阐述功能通过什么方法可以在软件中实现 l 措词恰当、简捷、通俗易懂，明了的帮助用户解决问题 l 不在帮助文档中做广告宣传 界面设计的行业标准总结 报表的规范 报表是软件对用户输出的重要 方式，报表的制定也要有一定的规范，以下几点标准可作为在软件系统中报表设计的参考： 、结构合理、分类明确，能够清晰的表达报表中所要体现的内容 、字体大小、字体颜色要一致 如报表标题为楷体 _GB2312 字 18号字粗体，表前字段为宋体 号字，表中标题列、行为宋体 号字粗体，表中其他字段为宋体 号字，表后字段为宋体 号字，且上述字体颜色均为黑色 ，不存在线短或线过长的情况 如要求报表的边框线为 磅黑色双线，表格中线条为 磅黑色单线等 如报表名称在报表表格横向距离居中的位置，表前字段与表格左对齐，表中标题要求水平居中，报表中为字符型的字段内容为水平居中，数值型的字段内容为中部右对齐，备注等表述为说明的字段可采用中部两端对齐的方式，表后字段左与表格对齐 例如软件系统会有报表导出的功能，报表导出为各种格式（ .doc、 .excel、 .pdf、 .rpt等格式）后其形式、内容要统一，不会因为格式的不同而使报表发生失真的现象 也就是说报表的水平距离不应过大，而产生换行显示的现象，这类报表在导出为 .doc格式的时候往往会产生报表格式失真或数据丢失的情况 ，打印输出后的报表不产生失真 人机界面设计方法 控制台人机界面选用非标准 Windows 风格，以实现用户个性化的要求。 但考虑到大多数用户对于标准Windows 系统较熟悉，在界面设计中尽量兼容标 准 Windows 界面的特征。 界面使用的功能按钮选用 MFC类库提供的 CBmpButton 类动态创建自定义位图图标的按钮。 因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。 但是，界面里使用的对话框、编辑框、组合框等都选用 Windows 标准控件，对话框中的按钮也使用标准按钮。 控件的大小和间距尽量符合 Windows 界面推荐值的要求。 界面默认窗体的颜色是亮灰色。 因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。 为了区分输入和输出 ，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。 窗体中所有的控件依据 Windows 界面设计标准采用左对齐的排列方式。 对于不同位置上多组控件，各组也是左对齐排列的。 图 1 典型的工控界 2．系统界面布局分析 人 机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。 典型的工控界面分为 3部分：标题菜单部分、图形显示区以及按钮部分，如图 1 所示。 该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。 数据的过分拥挤会产生视觉疲劳和接收错误。 界面的平衡原则推荐显示屏幕总体性覆盖度不超过 40％，而分组中屏幕覆盖度不超过 20％。 控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕 70％左右的范围内，以保证显示信息的清晰和全面。 控制按钮组布置在显示区的右侧，一方面是考 虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。 各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 3．打开界面的结构体系 选择界面的概念取决于多个界面。 可将界面设计为循环或 FIFO 缓冲器，如图 2 所示。 图 2 打开画面的结构体系 如果运行大量界面，必须设计一个合理的结构体系来打开界面。 选择简单而永久的结构以便操作员能够快速了解如何打开界面。 用户一次处理的信息量是有限的，所以大量信息堆积在屏幕上会影响界面的友 好性。 为了在提供足够的信息量的同时保证界面的简明，在设计上采用了控件分级和分层的布置方式。 分级是指把控件按功能划分成多个组，每一组按照其逻辑关系细化成多个级别。 用一级按钮控制二级按钮的弹出和隐藏保证了界面的简洁。 分层是把不同级别的按钮纵向展开在不同的区域，区域之间有明显的分界线。 在使用某个按钮弹出下级按钮的同时对其他同级的按钮实现隐藏，使逻辑关系更清晰。 通常要由 3 个层面组成。 层面 1 是总览界面。 该层面要包含不同系统部分在系统所显示的信息，以及如何使这些系统部分协同工作。 层面 2 是过程界面。 该层面包含指定过程部分的详细信息，并显示哪个设备对象属于该过程部分。 该层面还显示了报警对应的设各对象。 层面 3 是详细界面。 该层面提供各个设备对象的信息 ，例如控制器、控制阀、控制电机等，并显示消息、状 态和过程值。 如果合适的话，还包含与其他设备对象工作有关的信息。 4．文字的应用 界面设计中常用字体有中文的宋体、楷体，英文的扭钔等，因为这些字体容易辨认、可读性好考虑到一致性，控制台软件界面所有的文本都选用中文宋体，文字的大小根据控件的尺寸选用了大小两种字号，使显示信息清晰并保证风格统一。 人体工程学要求界面的文本用语简洁，尽量用肯定句和主动语态，英文词语避免缩写。 控制台人机界面中应用的文本有两类：标注文本和交互文本。 标注文本是写在按钮等控件上，表示控件功能的文字，所以尽量使用了描述操作的动词如 “设各操作 ”、 “系统设置 ”等。 交互文本是人与计算机以及计算机与总控制台等系统交互信息所需要的文本，包括输人文本和输出文本。 交互文本使用的语句为了在简洁的同时表达清晰，尽量采用用户熟悉的句子和礼貌的表达方式如 “请检查交流电压 ”、 “系统警告装置锁定 ”。 对于信｀。