本文针对UI设计标准化提供了详细的推荐规范，覆盖应用程序、窗口、对话框等多个方面，旨在帮助开发者提升用户体验。
注意：本文出自自己对界面设计的理解和一些应验，谨代表自己和一些微软公司的观点，不妥之处，还请大家批评指正。
浅谈用户界面设计
第四部分：标准化（下）
本文继续讨论 UI 设计标准化的推荐规范。这篇文章将详细列举在标准化设计中使用的容易被开发人员忽略的细节。
三、推荐的规范
3.1 应用程序
1、应用程序应使用能描述其功能的图标。如果有可能，在应用程序的“版本”资源中添加对此程序的描述和版权信息。
2、如果应用程序带有命令行启动选项，则应该处理“/?”参数以便显示其命令行帮助。
3、应用程序中出现未处理的异常时，应统一管理，在异常发生时，应显示异常信息；异常信息包括：出错描述、异常文本、中断地址和堆栈跟踪以及模块信息等；并在系统日志中记录出错的详细信息，以便开发人员跟踪异常。
4、为应用程序的每一步重要操作建立日志。
5、将随应用程序发布的其他文件（DLL、OCX、数据库文件等）放在应用程序的同一目录下或系统目录。
6、对于需要运行在 Windows XP 以及更高版本 Windows 的程序，采用与系统匹配的主题；主题启用的方法是：创建一个以应用程序名称加扩展名为 .manifest 的文件，并将 Common Control 程序清单以 XML 的方式导入此文件。
7、应用程序的快捷键设置应该与 Windows 一致，并尽量不要与系统快捷键冲突，下面列出常用快捷键列表。
· 退出：Alt + F4
· 新建：Ctrl + N
·打开：Ctrl + O
· 关闭：Ctrl + F4
· 剪切：Ctrl + X
· 复制：Ctrl + C
· 粘贴：Ctrl + V
· 查找：Ctrl + F
· 替换：Ctrl + H
· 查找下一个：F3
· 帮助：F1
· 重命名：F2
· 菜单：F10
· 全选：Ctrl + A
3.2 窗口
1、应用程序的主窗口应最大化显示（如果可能），按照菜单、工具栏、工作区和状态栏的次序排列其子窗口控件。
2、窗口中所有文本的字体保持一致。并尽量只使用一种字体，例如系统默认字体（Tahoma 或者宋体）。
3、窗口文本包含中文和英文时，应在中文和英文之间加上空格。（特别注意）
4、窗口的标题应该体现该窗体的功能或描述，并按照系统设置对齐显示。
5、MDI 子窗体被创建时，最大化显示。
3.3 对话框
1、对话框需要提供确定（是）、取消（否）等相关按钮；对于大型应用程序，在需要解释对话框的功能时应提供“帮助”按钮。
2、对于可以取消的模式对话框，应该设置 Esc 键为取消键。
3、将对话框命令按钮整齐排列，每个按钮之间不要留过多的空格。
4、对于需要用户做出确认后执行的对话框，应设为模式对话框。
3.4 菜单
1、应用程序中必须出现“文件”和“帮助”菜单，且文件菜单和帮助菜单应该放在菜单的最开头和结尾。
2、如应用程序具备文档功能，则应出现编辑和视图菜单。在文件、编辑和帮助菜单中优先设置快捷键。
3、在菜单中显示常用快捷键。
4、如果菜单功能需要用户作进一步选择（如：摊出对话框），则应在菜单名称后加“...“（特别注意）
5、在菜单名称中设置加速键。加速键的设置规范参见后文《第五部分：辅助功能》。
6、将常用的功能优先放置在菜单项前面。但以下这些命令放置位置相对固定：
· 退出、选项...、、关于、刷新、窗口列表（最下方）
· 新建、插销、帮助（最上方）
7、在 TreeView、ListView、ListBox、TextBox 等呈现数据的控件中添加右键菜单。
8、将与控件关联的功能菜单项添加到控件的右键菜单。
9、菜单项较多时，可以考虑分组菜单项目，形成一级菜单、二级菜单等。
3.5 工具栏
1、工具栏尽量显示图标，如果需要显示文本，则可以让图标和文本同时显示。图标应能代表工具栏对应的功能。
2、工具栏上仅列出商用功能，其他功能，可以设置到菜单中，或在工具栏结尾处以菜单按钮的方式给出。
3、固定工具栏总是停靠在窗口的某个位置上，例如：上、下、左、右。
3.6 状态栏
1、状态栏提示目前程序的状态，应将常用信息记录到状态栏。例如：登陆用户名、程序状态（就绪、忙碌、进行的操作）、Ins 状态、Caps 状态、光标所在行列等。
2、将菜单对应的描述文本显示在状态栏中（参见辅助功能）。
3、在处理大量数据时，状态栏可以显示进度条，不影响用户工作区的显示。
3.7 按钮
1、按钮文本应该具备快捷键，除了以下按钮：确定、取消、关闭、完成等。
2、当按钮被单击时如果需要显示对话框，则在按钮文本后加”...”标记。
3、将功能相似的按钮整齐排列
4、将模式对话框中的确认操作按钮（是、确定等）设置为默认；将取消按钮（否、取消）等设置为取消；并设置这些按钮的 ModalResult 值以便调用者判断用户的选择。
5、如果按钮弹出菜单，则需要在按钮右方显示“v”图标。
3.8 文本框
1、显示数字的文本框可以按需要右对齐。
2、输入密码的文本框应显示“*号。
3、当文本框不可用时，应设置为 ReadOnly，并设置背景颜色为 ButtonFace，以示区别。
4、文本框中应该需要带有与文本相应的右键菜单。
5、如果文本框用来输入 URL，则应将此文本框实现 IAutoComplete2 接口。
6、不要禁用在文本框区域中的剪贴板快捷键。
7、当文本框中的数据为空但程序需要此数据非空时，禁用对话框中的确定按钮，直到文本框中的数据非空。
8、用于显示 RTF 的文本框中出现 URL 时，应检测并下划线显示此 URL。
9、如果有可能，限制多行文本框的使用。
3.9 单选按钮和复选框
1、将用于选择的一组单选框放在一个 GroupBox 中，并将 GroupBox 的文本设置为这一组单选框的功能描述。
2、对齐这组单选框或复选框。
3、如果确定要在单选框中获得一个值，则在设计时就让一个单选框的状态为 Checked。
3.10 ListBox、ListView 和 TreeView
1、如果这些控件显示数据，请按某个次序排序这些项目。
2、在需要定义双击操作的项目上定义回车键的事件处理句柄。
3、在 TreeView 的项目上显示图标。
4、当 ListView 需要显示图形数据时，请处理 LargeImage、SmallInage 和 StateImage 属性。并在工具栏或右键菜单中增加查看、排列、分组、刷新等菜单功能。
3.11 其他需要注意的问题
1、当进度条出现时，如果需要等待此操作完成，请将光标设置为 HourGlass。
2、在 URL 文本上使用手型光标，并设置其为系统 URL 颜色。
3、在进行文件操作时使用 Windows 文件操作对话框（调用 SHFileOperation），以利用系统文件复制、剪切、删除、移动对话框。
4、如果屏幕中的控件过多，那么请将相似功能的一组控件组织到一个 Tab 中。
5、显示标准消息框时，尽量使用 MessageBox 而不是 ShowMessage。
四、小结
在这里，我列出了一些开发人员容易忽视的问题和一些标准化的设计推荐方案，总的来说，仅凭借这些条款是不能设计出一个好的用户界面的，这就需要在开发中进行探索与发现，当然，我的这些推荐也有一定的局限性，仅供参考。在下一篇文章中，我将介绍界面设计中的辅助功能设计。
浅谈用户界面设计
第四部分：标准化（下）
本文继续讨论 UI 设计标准化的推荐规范。这篇文章将详细列举在标准化设计中使用的容易被开发人员忽略的细节。
三、推荐的规范
3.1 应用程序
1、应用程序应使用能描述其功能的图标。如果有可能，在应用程序的“版本”资源中添加对此程序的描述和版权信息。
2、如果应用程序带有命令行启动选项，则应该处理“/?”参数以便显示其命令行帮助。
3、应用程序中出现未处理的异常时，应统一管理，在异常发生时，应显示异常信息；异常信息包括：出错描述、异常文本、中断地址和堆栈跟踪以及模块信息等；并在系统日志中记录出错的详细信息，以便开发人员跟踪异常。
4、为应用程序的每一步重要操作建立日志。
5、将随应用程序发布的其他文件（DLL、OCX、数据库文件等）放在应用程序的同一目录下或系统目录。
6、对于需要运行在 Windows XP 以及更高版本 Windows 的程序，采用与系统匹配的主题；主题启用的方法是：创建一个以应用程序名称加扩展名为 .manifest 的文件，并将 Common Control 程序清单以 XML 的方式导入此文件。
7、应用程序的快捷键设置应该与 Windows 一致，并尽量不要与系统快捷键冲突，下面列出常用快捷键列表。
· 退出：Alt + F4
· 新建：Ctrl + N
·打开：Ctrl + O
· 关闭：Ctrl + F4
· 剪切：Ctrl + X
· 复制：Ctrl + C
· 粘贴：Ctrl + V
· 查找：Ctrl + F
· 替换：Ctrl + H
· 查找下一个：F3
· 帮助：F1
· 重命名：F2
· 菜单：F10
· 全选：Ctrl + A
3.2 窗口
1、应用程序的主窗口应最大化显示（如果可能），按照菜单、工具栏、工作区和状态栏的次序排列其子窗口控件。
2、窗口中所有文本的字体保持一致。并尽量只使用一种字体，例如系统默认字体（Tahoma 或者宋体）。
3、窗口文本包含中文和英文时，应在中文和英文之间加上空格。（特别注意）
4、窗口的标题应该体现该窗体的功能或描述，并按照系统设置对齐显示。
5、MDI 子窗体被创建时，最大化显示。
3.3 对话框
1、对话框需要提供确定（是）、取消（否）等相关按钮；对于大型应用程序，在需要解释对话框的功能时应提供“帮助”按钮。
2、对于可以取消的模式对话框，应该设置 Esc 键为取消键。
3、将对话框命令按钮整齐排列，每个按钮之间不要留过多的空格。
4、对于需要用户做出确认后执行的对话框，应设为模式对话框。
3.4 菜单
1、应用程序中必须出现“文件”和“帮助”菜单，且文件菜单和帮助菜单应该放在菜单的最开头和结尾。
2、如应用程序具备文档功能，则应出现编辑和视图菜单。在文件、编辑和帮助菜单中优先设置快捷键。
3、在菜单中显示常用快捷键。
4、如果菜单功能需要用户作进一步选择（如：摊出对话框），则应在菜单名称后加“...“（特别注意）
5、在菜单名称中设置加速键。加速键的设置规范参见后文《第五部分：辅助功能》。
6、将常用的功能优先放置在菜单项前面。但以下这些命令放置位置相对固定：
· 退出、选项...、、关于、刷新、窗口列表（最下方）
· 新建、插销、帮助（最上方）
7、在 TreeView、ListView、ListBox、TextBox 等呈现数据的控件中添加右键菜单。
8、将与控件关联的功能菜单项添加到控件的右键菜单。
9、菜单项较多时，可以考虑分组菜单项目，形成一级菜单、二级菜单等。
3.5 工具栏
1、工具栏尽量显示图标，如果需要显示文本，则可以让图标和文本同时显示。图标应能代表工具栏对应的功能。
2、工具栏上仅列出商用功能，其他功能，可以设置到菜单中，或在工具栏结尾处以菜单按钮的方式给出。
3、固定工具栏总是停靠在窗口的某个位置上，例如：上、下、左、右。
3.6 状态栏
1、状态栏提示目前程序的状态，应将常用信息记录到状态栏。例如：登陆用户名、程序状态（就绪、忙碌、进行的操作）、Ins 状态、Caps 状态、光标所在行列等。
2、将菜单对应的描述文本显示在状态栏中（参见辅助功能）。
3、在处理大量数据时，状态栏可以显示进度条，不影响用户工作区的显示。
3.7 按钮
1、按钮文本应该具备快捷键，除了以下按钮：确定、取消、关闭、完成等。
2、当按钮被单击时如果需要显示对话框，则在按钮文本后加”...”标记。
3、将功能相似的按钮整齐排列
4、将模式对话框中的确认操作按钮（是、确定等）设置为默认；将取消按钮（否、取消）等设置为取消；并设置这些按钮的 ModalResult 值以便调用者判断用户的选择。
5、如果按钮弹出菜单，则需要在按钮右方显示“v”图标。
3.8 文本框
1、显示数字的文本框可以按需要右对齐。
2、输入密码的文本框应显示“*号。
3、当文本框不可用时，应设置为 ReadOnly，并设置背景颜色为 ButtonFace，以示区别。
4、文本框中应该需要带有与文本相应的右键菜单。
5、如果文本框用来输入 URL，则应将此文本框实现 IAutoComplete2 接口。
6、不要禁用在文本框区域中的剪贴板快捷键。
7、当文本框中的数据为空但程序需要此数据非空时，禁用对话框中的确定按钮，直到文本框中的数据非空。
8、用于显示 RTF 的文本框中出现 URL 时，应检测并下划线显示此 URL。
9、如果有可能，限制多行文本框的使用。
3.9 单选按钮和复选框
1、将用于选择的一组单选框放在一个 GroupBox 中，并将 GroupBox 的文本设置为这一组单选框的功能描述。
2、对齐这组单选框或复选框。
3、如果确定要在单选框中获得一个值，则在设计时就让一个单选框的状态为 Checked。
3.10 ListBox、ListView 和 TreeView
1、如果这些控件显示数据，请按某个次序排序这些项目。
2、在需要定义双击操作的项目上定义回车键的事件处理句柄。
3、在 TreeView 的项目上显示图标。
4、当 ListView 需要显示图形数据时，请处理 LargeImage、SmallInage 和 StateImage 属性。并在工具栏或右键菜单中增加查看、排列、分组、刷新等菜单功能。
3.11 其他需要注意的问题
1、当进度条出现时，如果需要等待此操作完成，请将光标设置为 HourGlass。
2、在 URL 文本上使用手型光标，并设置其为系统 URL 颜色。
3、在进行文件操作时使用 Windows 文件操作对话框（调用 SHFileOperation），以利用系统文件复制、剪切、删除、移动对话框。
4、如果屏幕中的控件过多，那么请将相似功能的一组控件组织到一个 Tab 中。
5、显示标准消息框时，尽量使用 MessageBox 而不是 ShowMessage。
四、小结
在这里，我列出了一些开发人员容易忽视的问题和一些标准化的设计推荐方案，总的来说，仅凭借这些条款是不能设计出一个好的用户界面的，这就需要在开发中进行探索与发现，当然，我的这些推荐也有一定的局限性，仅供参考。在下一篇文章中，我将介绍界面设计中的辅助功能设计。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
