GUI界面开发标准.docx

1 界面规范 1.1. 总体原则 以顾客为中心设计由顾客控制的界面，而不是界面控制顾客清晰一致的设计所有界面的风格保持一致，所有具有相似含义的术语保持一致，且易于理解 拥有良好的直觉特性以顾客所熟悉的现实世界事务的抽象来给顾客暗示和隐喻，来协助顾客能迅速学会软件的使用 较快的响应速度 简朴且美观 1.2. 原则详述 1.2.1. 顾客控制 顾客界面设计的一种重要原则是顾客应当总是感觉在控制软件而不是感觉被软件所控制 l 操作上假设是顾客--而不是计算机或软件--开始动作顾客扮演积极角色，而不是扮演被动角色在需要自动执行任务时，要以容许顾客进行选择或控制它的方式来实现该自动任务 l 提供顾客自定义设立由于顾客的技能和喜好各不相似，因此她们必须可以个性化界面的某些方面Windows为顾客提供了对许多这方面的访问您的软件应当反映不同的系统属性--例如颜色、字体或其她选项的顾客设立 l 采用交互式和易于感应的窗口，尽量避免使用模态对话框，而使用"非模式"辅助窗口 "模式"是一种状态，它排除一般的交互，或者限制顾客只能进行特定的交互当最佳使用一种模式或该模式只是可替代的设计时--例如，用于在一种绘图程序中选定一种特定感觉--请保证该模式是显然的、可见的，是一种明确的顾客选定的成果，并且容易取消。

l 在后台运营长进程时，保持前台式交互例如，当正在打印一种文档，虽然该文档不能被变化，顾客也应当可以最小化该窗口 l 谅解顾客喜欢摸索一种界面，并常常从尝试和错误中学习一种有效的界面容许交互式的发现，它只提供一组合适的选择，并在顾客也许破坏系统或数据的状况时发出警告如果可行，还应提供可逆转或可还原的操作虽然在设计得较好得界面中，顾客也也许出错误这些错误既可以是物理上得（偶尔地指向了错误的命令或数据），也可以是逻辑上的（对选定哪一种命令或哪些数据做出了错误的决定）有效的设计避免很也许导致错误的状况它还包容潜在的顾客错误，并且使顾客易于还原 1.2.2. 清晰一致的设计 一致容许顾客将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集中在任务上这是由于她们不必花时间来尝试记住交互中的不同通过提供一种稳定的感觉，一致使得界面熟悉而又可预测一致在界面的所有方面都是很重要的，涉及命令的名称、信息的可视表达，操作行为，以及元素在屏幕和窗口内部的放置 l 相似含义的词使用统一的术语例如对于仓库中寄存的物料，不可同步又称为物品、货品、备品、产品和材料等等，而统一商定一种称谓，且此称谓是顾客熟悉的和易于理解的。

l 使用一组一致的命令和界面来展示常用功能例如，避免一种"复制"命令在一种状况下立即执行一种操作，但在另一种状况显示一种对话框规定顾客键入目的然后才执行应当使用同样的命令来执行对顾客来说相似的功能 l 操作环境内的一致保持Windows提供的交互操作和界面商定之间的高度一致，顾客将能不久熟悉软件的使用 l 使用隐喻的一致性如果一种特定的行为更多的是一种不同的事物的特性，而不是它的隐喻的含义，那么顾客也许在学习将行为和该事物有关联时遇到困难例如，对于放在回收站中的对象而言，焚烧炉和废纸箩代表不同的模型 l 建立项目保存字通过建立保存字来明确和统一术语和操作命令 l 提供可视反馈在后台运营长进程时（时间超过1～10秒，视具体状况而定），必须提供进度条等信息批示 l 除非特别必要时，不要提供声音反馈在有严重的问题发生时，可以使用声音来提示顾客，但是一般应当容许顾客取消声音 l 保持文字内容清晰信息的体现要言简意赅，易于理解而又不罗嗦；避免使用冗长的文字给顾客反馈 1.2.3. 有良好的直觉特性 l 用熟悉的隐喻为顾客的任务提供直接而直观的界面通过容许顾客运用她们的知识和经验，隐喻使得预测和学习基于软件的表达的行为更加容易。

l 在使用隐喻时，不需要将基于计算机的实现局限在真实世界的相应物上范畴之内例如，与其基于纸张的相应物不同，Windows桌面上的文献夹可以被用来组织多种对象，例如打印机、计算器、以及其她文献夹同样，Windows文献夹可以其真实世界相应物不也许的方式被排序在界面中使用隐喻的目的是提供一种认知的桥梁；隐喻并不以其自身为最后目的 l 隐喻支持顾客认知而不是记忆顾客记起与一种熟悉的事物有关联的意义要比她们记起一种特定命令的名称要容易得多 l 同常用软件保持一致性杰出的顾客界面在程序中将实现同顾客此前用过的其他成功软件一致的动作 1.2.4. 较快的响应速度 l 保持界面能不久对顾客操作作出反映 l 提供快捷键特别对于有大量录入项的界面，能让顾客不使用鼠标即可完毕迅速数据录入在顾客界面中加入某些功能，这些功能可以让纯熟顾客在不同的区域迅速的输入数据这些功能涉及反复功能、快捷键、带有故意义的图标的按钮等等，所有这些可以使速度快的顾客可以控制界面并加快数据的输入 l 除非必要，不要重绘屏幕 1.2.5. 简朴且美观 l 简朴界面应当很简朴（不是过度单纯化）、易于学习、并且易于使用它还必须提供相应用程序的所有功能的访问。

在界面中，扩大功能和保持简朴是互相矛盾的一种有效的设计应当平衡这些目的支持简朴性的一种措施是将信息的表达减少到进行充足交流所需的至少信息例如，避免命令名和消息的文字描述不有关或冗长的句子扰乱了您的设计，使得顾客难以很容易地提取重要信息另一种设计简朴而有用的界面的措施是使用自然的映射和语意界面元素的排列和表达影响它们的意义和关联简朴还与熟悉互相关联熟悉的事物一般似乎更简朴尽量尝试建立运用顾客已有的知识和经历的联系您可以使用渐进揭示来协助顾客管理复杂的事物"渐进揭示"波及到仔细的信息组织，以便只在恰当的时候才显示信息通过隐藏向顾客体现的信息，您减少了顾客必须解决的信息数量例如，您可以使用菜单来显示操作或选择的列表，还可以使用对话框来显示一组选项渐进揭示并不意味着对显示信息使用非老式的技术，例如需要一种修饰键作为访问基本功能的唯一措施，或者逼迫顾客通过一种更长的分级交互序列这会使顾客界面更加复杂和麻烦 l 美观可视设计是应用程序界面的重要部分可视属性提供了非常好的印象，并传达特定对象的交互行为的重要线索同步，出目前屏幕上的每一种可视元素也是很重要的，它们也许竞争顾客的注意提供清晰地增进顾客对体现的信息的理解的连贯环境。

图形或可视设计器的技巧对于这一方面是无价的 1.3. 细节省定 1.3.1. 界面风格 1.3.1.1. 一般外观 l 使用一致性一致的外观将使顾客界面更易于理解和使用顾客界面控件看起来应当是一致的 l 使用安排和流程在西方文化中（涉及中国），人们习惯于从左到右，从上到下进行阅读，因此，应当将重要信息放在上面和左边左上角最容易吸引起人们的注意力 l 使用对齐一般，使用左对齐来使顾客界面控件更易于浏览对于数值文本，应当使用小数点对齐或右对齐对于非数值文本，应当避免使用右对齐或居中对齐不必对什么都使用中间对齐，或者使它们保持对称形式在右边或底部保存空白区域更适合习惯 l 使用分组将有关的顾客界面控件提成组，以体现它们之间的关系同步，还要显示有关信息将控件放在它所作用的对象旁使用空格、分组框、线条和标签，或者其他分隔符对顾客界面控件进行分组 l 使用强调使用焦点、位置、分组、层次、启用/禁用、大小、颜色或者字体等，来将注意力集中在需要一方面看到的顾客界面控件上尽量以可视的方式指明顾客接下来应当进行的操作 l 使用可视的提示尽量使用近似的大小和间距来指出顾客界面控件是相似的，而使用不同的大小和间距来指出顾客界面控件视是不同的。

l 使用空格使用空格来创立一种"透气室"，以使窗口布局更易于理解，并且查看起来更舒服空格的多少要合适，不要显得太分散但是，要避免过多地使用空格如果也许，尽量使窗口小某些 l 警惕空洞不要到处粘贴公司或产品的名称及徽标虽然在启动屏或"有关"框中浮现公司或产品名称及徽标是完全可以接受的，但其她窗口中的可用空间应当浮现其她内容如果没有其她内容，那么应尽量使窗口小某些 l 注意大小使用顾客界面控件的辨别率具有独立性使用系统规格（使用GetGystemMetrics API 函数）或文本规格（使用GetTextMetrics或GetTextExtentPoint32 API 函数）来拟定顾客界面控件的大小任何显示文本的对象（如对话框或定义的文本文档）都应当使用文本规格 l 考虑使用资源或预定义的布局网格资源模板或预定义的布局网格有助于您在不同的窗口之间实现一致性 注意，下页所示图的第二个对话框，与第一种不同，它有一种紧凑、从左到右、从上到下的流程，并且，左对齐的标签很便于浏览；通过对齐编辑框并调节其大小，使它显得更有组织，更加平衡   不合理的   平衡的对话框 1.3.1.2. Windows的可视提示 暗示与顾客只需通过查看可视提示来拟定对象的使用方式的能力有关。

在Windows中，请保持使用下面的可视提示： l 可以单击凸起的项目 l 可以单击当鼠标从其上移过时突出显示的项目 l 不能单击下凹的项目 l 可以编辑具有白色背景和闪烁垂直条（光标）的项目 l 不能编辑具有灰色背景的项目 l 灰色项目是被禁用的 l 可以拖动凸起的项目   1.3.1.3. 交互 l 尽量提供对所有功能的键盘访问抱负状况下，除了绘图这样的图形功能，其她所有的功能都应当只能通过键盘来访问 l 尽量提供对所有功能的鼠标访问抱负状况下，除了文本输入外，其她所有功能都应当只能通过鼠标来访问 l 保证具有明显后果的操作规定顾客进行明确的选择*顾客需要完全明确她将要进行危险性操作或破坏性操作 l 对于使有耗时的操作都给出反馈*在进行长时间的操作时，要保证有等待光标、进度表或其她的可视反馈顾客应当可以取消长时间的操作如果可以取消未完毕的操作，那么将按钮标记为"取消"，否则将按钮标记为"停止" l 可视的批示模式*向顾客提供一种可视的反馈，以指出顾客进入一种模式，一般可以通过更改光标或标题栏文本来做到这一点 l 保证单击和双击的一致性*单击用于非按钮选定，而双击用于选定并执行默认操作。

换句话说，双击（在列表框、组合框，或其她接受双击的控件中）的效果应当与选定控件中的一种项目，然后按下Enter键的效果同样 l 鼠标右键仅用于快捷菜单*保证鼠标右键仅用于快捷菜单，而不要用于其她用途 l 不要使用鼠标中键*如果顾客的鼠标有中键，那么让顾客使用"控制面板"中的"鼠标"实用程序自己分派中键的行为 l 保持分派的快捷键的一致性组合功能键和Ctrl键用于快捷键习惯上不将Alt键用于组合键，业务Alt键常常被用于访问键尽量避免使用Alt键和Ctrl键，由于这种组合会使快捷键非常麻烦，并且也很不以便 l 将快捷键作为补充方式*千万不要将快捷键作为访问命令的唯一措施应当让顾客有更多的明显选择 l 避免水平滚动条与垂直滚动条不同，水平滚动条并不受欢迎，由于它会使项目阅读起来比较困难解决的措施有：尽量使用垂直滚动条、加宽窗口、减小文本的宽度，或者使文本自动换行等固然，如果的确需要，还可以使用水平滚动条 1.3.1.4. 程序 l 只有主程序窗口才有标题栏图标、菜单栏、工具栏和状态栏*由于单击主窗口的任务栏按钮也会激活二级窗口，因此二级窗口绝对不要显示在任务栏中二级窗口不要由于使用菜单栏、工具栏或状态栏而使其变得复杂。