用户界面设计规范

用户界面设计规范

一、菜单

1) 所有的菜单项后面都应有快捷键。快捷键用“（）”表示而不用“[]”

? 例如：“文件”后的“（F）”。

? 定义快捷键的原则是不冲突时使用英文缩写的第一个字母，有冲突时依次使

用第二、第三个字母。

2) 选择后要弹出对话框的菜单项要在菜单项文字后面加“...”标明。

3) 菜单命令用语原则上使用动宾词组。在确保语意明确的基础上尽量简短。 4) 各个子模块的菜单项的布局和风格应保持一致。

? 各个子模块各自的数据处理命令集中在“编辑（E）”菜单下。

? 各个子模块各自的数据打开、存储等命令集中在“文件（F）”菜单下。 ? “显示（V）”菜单下的菜单项：各个子模块的显示设置命令。各个子模块的

工具条显示命令称为“工具条（L）”，而不再称为“描上工具条”等。 ? 有工具箱的子模块，统一在“编辑（E）”菜单下设置一个“工具（T）”二级菜单，对应工具箱的命令菜单项集中在该二级菜单下。

? 工具需要设置选项的子模块，统一在“编辑（E）”菜单下设置一个“设置工具参数（O）”二级菜单，对应工具选项的命令菜单项集中在该二级菜单下。 ? “显示（V）”菜单下有显示比例设置时，使用“缩放（F）”二级菜单。显

示比例集中在二级菜单下，放大比例在上，缩小比例在下。显示比例统一用百分比表示。

? “编辑（E）”菜单下的“撤消（U）”命令应在撤消具体操作时标明具体撤消内容。例如：“撤消（U）编辑”。

5) 弹出菜单。辅助菜单必须在可视化界面上拥有对应的按钮或者菜单选项。由于辅助菜

单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。无法清晰的显示给用户，所以对应选项应该可以通过别的途径得到,例如界面上有相应控件或弹出右键菜单的按钮等。

二、对话框

1) 对话框上的控制的TAB顺序应一致。一般为从左到右，从上到下。

2) 除非特殊情况，“按钮”和“Edit”控制使用系统的缺省大小。如果要改变，一般

只改变宽度不改变高度。

3) 通用按钮的汉化命名应统一。

? “OK”和“CANCEL”按钮统一称为“确定”和“取消”。 ? “Browse”（选择路径名）按钮统称为“浏览（B）”

4) 除了“确定”和“取消”按钮外，所有的按钮文字上都应有快捷键。 5) 按钮在对话框中的位置一般为右边，下边或右下方。

6) “Edit Box”和“ComboBox”控制前的前导性文字后面要加“：”。

7) 需要用户输入的数值带单位时，如果使用“Edit Box”就在其后加表示两词的

“Static”文字或可以选择的单位的“ComboBox”，用户输入的数值不带单位；

8) 9) 10) 11) 12) 13) 14) 15) 16)

17)

如果使用“ComboBox”，就把单位和数值一起放在ComboBox内。 一般情况下使用“列表框”代替“Ratio Button”控制。 会改变但不需用户输入的文字一般用加边框的“Static”控制或Read only的“Edit”控制。

只允许输入整数的“Edit”控制在编辑资源时加上“Number”选项。 只允许输入整数而且数值有范围的“Edit”控制应使用主框架的EasyNumEdit控制。 使用“Spin”控制辅助用户输入整数时，“Spin”控制应放置在“Edit Box”内。 对话框的Title应使用简明的动宾词组以表示其用途。 所有对话框都应有“帮助（H）”按钮。

所有对话框都应保留Title上的关闭按钮，设计资源时保留“system Menu”选项。 各个子模块有长时间操作时，统一使用进度对话框方式。

? 不允许用户终止时，使用无Title的对话框，进度条上面设置解释性文字。 ? 允许用户终止时，使用有Title的对话框，Title里设置解释性文字。进度条右

面设置百分比数值表示进度，进度条下面设置一个“取消”按钮，按钮位置居中。

? 解释性文字的格式是：“当前正在××××，请稍侯...”，左对齐放置。 ? 进度条的高度统一定为12（Resource Editer单位）。 公用对话框的风格尽量一致。

三、工具条和工具箱

1) 2) 3) 4) 5)

一般使用彩色按钮。

工具条或工具箱上有的按钮，菜单上都应有对应菜单项。 各个模块的按钮图案风格一致。

工具条必须Docking，工具箱必须Floating。不允许两种状态之间的转换。 各个子模块的工具参数设置范围应统一。 ? 铅笔直径的范围为1~64。

? 允许用户选择是否自动补点时，同时应允许用户选择补点间距。

四、快捷键

1) 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些。

2) 快捷键应该遵循用户的常用习惯，并和大多数软件（如Office）保持一致。如

“Ctrl+D”为删除、“Ctrl+F”为查找、“Ctrl+H”为替换、“Ctrl+I”为插入、“Ctrl+N”为新建、“Ctrl+S”为保存、“Ctrl+O”为打开。

六、状态条（StatusBar）

1) 各个子模块在保留主框架状态条的项目的基础上可以添加各自的项目。 2) 主框架在状态条上设置一个时钟（Timer）。

七、资源

一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。这些资源的使用遵守以下规则。

1) 有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以

及图片风格。

2) 底图应该融于底图，使用浅色, 低对比，尽量少的使用颜色。

3) 图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的

到物件，绝对不允许画出默认奇妙的图案。

4) 鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况。

九、字体

1) 使用统一字体，字体标准的选择依据操作系统类型决定。字体大小根据系统标准

字体来，例如 MSS字体8磅，宋体的小五号字(9磅)五号字（10.5磅）。

2) 需要使用自定义字体时，统一使用“Arial”字体（输出汉字时自动使用系统缺省

的汉字字体）。

3) 各个模块的自定义字体的大小按用途统一，标尺统一、ComboBox统一等等。统

一使用主框架定义的常量。

4) 所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情

况

十、出错信息和警告

出错信息和警告是指出现问题时系统给出的坏消息，对于出错信息和警告应该遵循以下原则：

1) 信息以用户可以理解的术语描述；

2) 信息应提供如何从错误中恢复的建设性意见；

3) 信息应指出错误可能导致那些不量后果，以便用户检查是否出现了这些情况或帮

助用户进行改正；

4) 信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁。 5) 信息不能带有判断色彩，即任何情况下不能指责用户。