2024年3月24日发(作者：)
.
1.31.3 构成元素及使用规范
构成元素
图标、标签和代表状态信息的图形显示（例如：复选框等），其中图标和标签组成一个项目
使用规范
当用来显示应用程序代表的项目时，应该为视图中显示的图标提供快捷菜单，快捷菜单
与应用程序图标在其它地方的快捷菜单相同
当支持多种视图查看列表时，那么应包含一个快捷菜单同时要提供单独的控件以允许用
户更改视图查看方式
支持可以被用来代表状态信息的图形显示。例如，您可以使用这个功能在列表中的项目
旁边包括复选框。
可编辑
.
1.31.4 类型
1. 大图标列表视图
什么叫大图标列表视图
大图标列表视图的每个项目显示为一个下面有标签的完整大小的图标。
构成元素
图标、标签和代表状态信息的图形显示
应用范围
当需要用大图标显示项目集合时使用
使用规范
无
交互行为
可编辑
.
可以进行对齐、选定、排序和拖放项目
可以编辑图标标签
可以用方向键和文本键定位到项目上
补充说明
无
2. 小图标列表视图
什么叫小图标列表视图
小图标列表视图的每个项目显示为一个右面有标签的小图标。
构成元素
图标、标签和代表状态信息的图形显示
应用范围
可编辑
.
当需要用大图标显示项目集合时使用
使用规范
无
交互行为
可以进行对齐、选定、排序和拖放项目
可以编辑图标标签
可以用方向键和文本键定位到项目上
补充说明
无
3. 列表列表视图
什么叫列表列表视图
列表列表视图每个项目显示为一个右边有标签的小图标。图标出现在一个或者多个经过排序
的列中。
可编辑
.
构成元素
图标、标签和代表状态信息的图形显示
应用范围
当需要用小图标代表项目，且项目集合需要自动排序时使用
使用规范
无
交互行为
可以进行选定、排序项目
可以编辑图标标签
可以用方向键和文本键定位到项目上
补充说明
可编辑
.
无
4. 详细列表列表视图
什么叫详细列表列表视图
详细资料列表视图每个项目显示为多列格式中的一行，最左边的一列包括图标及它的标签。
后面的列包含来自显示该列表视图控件的其它相关信息。
构成元素
列标题、向上向下箭头、列标题文本、拖动手柄、图标、标签、其它相关信息和代表状态信
息的图形显示
应用范围
当需要用小图标代表项目，且需要显示项目相关详细信息时使用
使用规范
可编辑
.
无
交互行为
可以进行选定、排序项目，选定一行项目时高亮显示
单击向上或向下箭头可以按相反顺序排列项目
鼠标经过拖动手柄热区时指针有状态反馈，单击主键可以拖动列宽，拖动时鼠标指针有
相应的变化；当文本宽度溢出时，溢出的文本使用“…”代替
可以编辑图标标签
可以用方向键和文本键定位到项目上
补充说明
无
5. 表格
此部分内容主要描述了表格的构成元素，表格由表格标题、列标题、表格主体、表格页脚几
个部分组成。并分别对这些构成元素进行了描述和规范。同时列举了常用的表格类型，以便
具体应用。
1.32 什么叫表格
表格是一种显示数据的方法。
可编辑
.
1.33 构成元素及使用规范
1.33.1 构成元素
表格由表格标题、列标题、表格主体、表格页脚几个部分组成。
1.33.2 表格标题
“表格标题”用来标记表格中数据的概要标题，用以对表格进行分类。
使用规范：
使用静态文本控件。
此元素为可选元素，可根据情况隐藏。
文本内容需要准确反馈表格的数据情况，简单易懂，使用用户能够理解的语言。
1.33.3 列标题
“列标题”用来区分表格中列的数据分类。
使用规范：
使用静态文本控件。
此元素为必选元素。
可编辑
.
列标题放置在每列的第一个列表框。
列标题部分需要与普通数据项的显示方式有所区别，给用户一个可视的反馈提示。
用户可以通过点击列标题来对列中的数据进行顺序或者倒序排序。
列标题的对齐方式与其所属列的数据对其方式相同。
1.33.4 表格主体
“表格主体”按照一定的规则显示数据，相同类型的数据项排列在一列，属于同一对象的数
据项排列在一行，用户可以对数据项进行输入或编辑。
使用规范：
当数据项不为空时为必选元素。
如果初始时没有数据项则显示提示性静态文本。
1.33.5 数据项
“数据项”是表格中数据显示的位置，用户可以对数据项进行输入或编辑操作。
使用规范：
数据项中的数据根据其不同的内容情况，文本对齐方式会有所不同，使用时要注意。
数据项为带有小数点的数值时，需要以小数点对齐，且以数据项右对齐；
当为长文本段落时，使用左对齐；
1.33.6 表格页脚
“表格页脚”主要提供对一列数据的合计类的数据显示。
可编辑
.
使用规范：
此元素为可选元素，可根据情况选择使用。
文本对齐方式与合计的数据对齐方式一致。
对此文本有不同的显示提示，给用户一个有别于普通数据项的反馈提示。
1.34 交互行为
1.34.1 表格列交互行为
列选择
用户可以选择整个列，此种操作需要通过软件的设计完成。此行为为可选行为，根据具体情
况进行设计。
列排序
用户可以通过单击列标题对该列的数据进行顺序或倒序的数据排列，当进行列排序时，需要
在列表提处给出用户反馈提示当前操作的列和排序的方式。
1.34.2 表格行交互行为
行选择
用户可以通过单击行来选中表格中的行，此时被选中的行需要给出一个用户反馈，用以标识
被选中的行。
当指针在行中移动时，可根据情况对指针划过的行给出一个用户反馈。
当用户选定一个行时，支持用户使用上方向键或下方向键来移动指针选择。
支持行的多选，用户可使用组合操作来完成对行的多选。
可编辑
.
行编辑
用户可以对选中的行进行删除。当用户选中行后，可以通过使用界面上提供的命令按钮或键
盘上的del键删除行。
用户可以增加行，通过界面上提供的命令按钮在当前表格中增加新的行。此时需要根据情况
在用户可以看到的地方增加出一行。
1.34.3 数据项交互行为
对于可编辑的数据项，用户可以通过双击对选中的数据项进行编辑操作。
当用户将指针移出数据项编辑区时，如输入的数据不符合数据约束，则应立即给出错误提示，
并将光标移至错误的数据项中。
1.34.4 补充说明
无
1.35 树形视图
1.35.1 什么叫树状视图
树形视图控件是一种特殊的列表框控件，它根据一组对象的逻辑等级关系将他们显示为缩进
的大纲。
1.35.2 构成元素及使用规范
请参考菜单中的树状菜单部分
可编辑
.
1.36 统计视图
1.36.1 什么叫统计视图
统计视图是用来显示统计数据的一种视图方式，常见的统计视图包括饼状视图、柱状视图和
折线视图。
1.36.2 构成元素及使用规范
6. 构成元素
视图形状、数据文本、坐标轴、坐标轴文本和数据关系指示器
7. 使用规范
系统对大量的数据进行统计分析时使用
如要进行不同统计视图的切换，要保证数据关系、相关指示要一一对应，并要提供单独
的控件进行不同视图的查看
1.36.3 类型
8. 饼状视图
什么叫饼状视图
饼状视图是用来显示数据统计的一种视图方式，形状类似饼状
可编辑
.
构成元素
数据文本、饼状图、饼图、数据关系指示器和数据对象
使用规范
饼状视图是用于统计数据查看，不支持选定等编辑操作
饼状视图在显示数据之间的逻辑关系时要合理
饼状视图样式支持更改饼状的曲率、维数，也可以将饼图拆分为饼块
应用范围
在查看一个值占总值的百分比时我们优先使用饼状视图
交互行为
无
补充说明
可编辑
.
无
9. 柱状视图
什么叫柱状视图
柱状视图是用来显示数据统计的一种视图方式，形状为柱状
构成元素
坐标轴、坐标轴文本、数据文本、柱状图
使用规范
柱状视图是用于统计数据查看，不支持选定等编辑操作
柱状视图、坐标轴在显示数据之间的逻辑关系时要合理
柱状视图样式支持更改柱状维数
应用范围
可编辑
.
在表查看数据之间的对比关系时优先选择柱状视图
交互行为
无
补充说明
无
10. 折线视图
什么叫折线视图
折线视图是用来显示统计数据的一种视图方式，形状为折线
构成元素
数据文本、坐标轴、坐标轴文本、节点、连接线（可以是实线或虚线）
可编辑
.
使用规范
折线视图是用于统计数据查看，不支持选定等编辑操作
折线视图、坐标轴在显示数据之间的逻辑关系时要合理
折线视图样式支持更改节点和连接线维数
应用范围
在表查看某一数据在单位时段内的变化趋势优先选择折线视图
交互行为
无
补充说明
无
提示
1.37 什么是提示
提示是在适当时候出现的对用户的一种信息或状态的反馈，通常包括工具提示、气球装提示、
状态通知区域提示、状态栏提示、消息框和帮助提示。
可编辑
.
1.38 使用规范
提示可以给用户提供帮助但是同时也会增加屏幕的混乱程度，因此要在适当的时候选择适当
的提示方式。
1.39 类型
1.39.1 工具提示控件
什么叫工具提示
工具提示是当用户在控件上移动指针时显示的一个包括说明性文本的小型上下文窗口
可编辑
.
构成元素
遵循所运行的系统平台约定
使用规范
如果工具按钮已有标签请不要在使用工具提示
在指针的右下方显示工具提示控件，但会自动调整以避免显示到屏幕外面
工具提示的延时时间不要低于所运行系统的最小值不高于其最大值
对于文本框，工具提示应该显示在它所标识的控件下面的中间
保持工具提示文本简洁，通常是与按钮的操作的标签相对应的一个或两个词，不使用句
号结尾
如果该按钮包括指定功能的快捷键，应该将该快捷键文本放到括号中
使用范围
在工具按钮或其他没有标签的按钮使用工具提示
在“快速启动栏”、“状态通知区域”创建的图标使用工具提示
应用程序在任务栏上的窗口按钮使用工具提示
对于需要显示全部信息的选项使用工具提示
补充说明
无
1.39.2 气球状提示
什么叫气球状提示
可编辑
.
气球状提示在一个气球中显示提示信息，并包括对图标、标题和正文的支持，图标可以是以
下三种消息图像之一：信息、警告或紧急。
使用规范
遵循所运行的系统平台约定
气球状的延时不要超过系统规定的最大值和不要小于系统规定的最小值
图标、标题文本和关闭按钮要根据实际情况进行选择是否需要显示
不要依靠气球状提示显示重要信息
气球状提示通常显示在它所应用项目的旁边。通常他们显示在项目的上面或者左边，并
将气球的尖端指向引用的项目；但要能够自动调整以保留到屏幕内部。
气球状提示显示的标题文本和正文文本要简洁，正文文本包含问题的描述和更正问题的
简短建议，句尾要有合适的标点符号
应用范围
无
补充说明
无
可编辑
.
1.39.3 状态通知区域提示
什么叫状态通知区域
任务栏上和“开始”菜单相对的那一侧的特殊的通知区域，它包括状态通知和消息通知。
使用规范
应用范围
全局信息或当用户处理其它应用程序时需要由用户来监视的信息可以使用状态通知区域
1.39.4 状态栏提示
什么叫状态栏提示
状态栏提示是在状态栏区域显示当前状态的信息。
构成元素及使用规范
请参考状态栏
可编辑
.
1.39.5 消息框提示
请参考消息框
1.39.6 帮助提示
1.39.7 指示
面包屑路径
指示器
高亮底色
工具栏
1.40 什么叫工具栏
工具栏是用于管理一组控件的特殊界面结构。工具栏是包含一组控件的面板，它被设计用来
提供对特定命令或选项的快速访问。
可编辑
.
1.41 构成元素及使用规范
1.41.1 构成元素
工具栏控件、工具栏框架控件和工具栏按钮
11. 工具栏控件
什么叫工具栏控件
工具栏是管理一组工具按钮和选项设置的特殊界面结构。
构成元素
可编辑
.
工具栏面板、分隔线、工具栏把手和显示隐藏的工具栏按钮
使用规范
工具栏控件可以是固定的也可以支持用户配置，当支持用户自已配置工具栏时，要提供
显示和隐蔽工具栏选项，这些选项确保用户可以从键盘访问
应用范围
对于需要快速访问的工具按钮或选项设置可以使用工具栏控件
交互行为
鼠标经过工具栏把手热区时，鼠标指针相应变化，单击鼠标主键拖动工具栏把手时，鼠
标指针变为拖动形状。
当拖动工具栏位于某一边的热区内部时，释放鼠标，工具栏停放到新的边缘。
补充说明
无
12. 工具栏框架控件
什么叫工具栏框架控件
工具栏框架控件是用来提供管理一组工具栏的特殊区域。
可编辑
.
构成元素
框架面板
使用规范
拖动工具栏控件手柄只能将工具栏在工具栏框架范围内移动
可以使用工具栏框架控件代替菜单栏，在工具栏支持用户自定义的时候用户可以自定义
菜单栏
应用范围
当需要将工具栏控件固定在一定的空间时使用。
交互行为
无
补充说明
无
13. 工具栏按钮
请参考按钮的工具栏按钮部分
1.41.2 使用规范
可编辑
.
状态栏
1.42 什么是状态栏
状态栏是窗口内部的一个特殊区域，它通常位于底部，显示有关正在窗口中查看的项目的当
前状态的信息或者显示了任何其他上下文信息，如键盘状态和日期等。这些信息通常是只读
或非交互的信息。如图所示：
图6.29
1.43 状态栏构成元素及使用规范
状态栏通常有静态文本字段和其他一个或多个控件组合而成。它还可以包括一个用于更改窗
口大小的“大小调整柄”。
状态栏使用规范如下：
状态栏通常是可选的组件，用户可以选择隐藏它。应该避免包括其功能在界面中的其他
地方不可用的控件。
当状态栏的“大小调整柄”被显示时，如果该窗口在窗口水平和垂直滚动条的交叉处显
示一个“大小调整柄”，那么您应该隐藏该“大小调整柄”，使它不会同时出现在两个位
置。同样，如果用户隐藏了状态栏，那么应该还原滚动条角上的“大小调整柄”。
最好是考虑将状态栏作为“帮助”的一种次要或辅助形式；状态栏只是一种额外的快捷
方式，而不是将其作为主要的功能位置。
状态栏除了显示窗口状态的有关信息外，也可以显示有关菜单和工具栏按钮的说明性消
息。
可编辑
.
用户可以为一个正在进行的过程，如打印或保存文件的进度指示控件或其他形式的反馈
而激活状态栏消息。
如果应用程序允许用户控制是否显示状态，或者您想要为界面中可能不包括状态栏的其
它部分提供有关信息，那么应考虑使用球状提示。
要使用熟悉的语言，避免使用术语来书写状态栏消息。
尽可能得简洁，以便使文本能够轻易地被读懂，但要避免使文本过短以至于其含义模糊。
要建设性地而不仅仅是说明性地书写，并且告之用户命令的用途。要使用命令特定的文
字说明具有特定功能的命令。如果命令具有多项功能，尽可能将这些功能加以概括—
—例如，“包括编辑和格式化文档的命令”（包括可以编辑或编排文档格式的命令）。
当您定义菜单和状态栏按钮的消息时，千万不要忘记其不可用或禁止的状态，应该提供
一个适当的消息来解释为什么此项目当前不可用。例如，当用户选定一个禁用的“剪切”
命令式，应当能够显示像“由于没有选定文本，所以该命令不可用”这样的消息。
其他一般控件
1.44 翻页
1.44.1 什么是翻页
翻页，是用来展示和查阅更多信息数据的一种组合控件。
1.44.2 翻页的构成元素及使用规范
翻页通常是由静态文本字段、命令按钮等多个控件组合而成。
翻页使用规范
可编辑
.
为了符合用户的阅读习惯，方便用户对海量信息的浏览和查阅，增强产品的一致性和易用性，
翻页使用规范如下：
出现内容无法在一页内显示而必须翻页的情况，要为用户提供“下一页”的链接。
在内容较多需要多页显示时，提供“下一页“和”上一页“的链接。
同时存在“下一页”和“上一页”的情况下，“上一页”的链接在前，“下一页”的
链接在后。
多页显示时，每屏页码显示10条记录。具体的页码要提供链接，如“1 2 3 4 5 6
7 8 9 10”。
超过10页内容的翻页情况，一定要为用户提供信息数据的总条目数、页码总数和
用户当前所在页码数。
超过10页内容的翻页情况，要为用户提供键盘输入页码文本框和“跳转”按钮，
使用户可精确的输入页码并准确的跳转到指定页面。
尽可能让用户同样可以使用键盘访问键来实现“上一页”、“下一页”翻页功能，以
达到此控件最好的用户体验。
2-10页的翻页效果，如图.13.1所示：
图.13.1 少于10页的翻页
超过10页的翻页效果，如图.13.2所示：
图.13.2 超过10页的翻页
可编辑
.
1.45 搜索
1.45.1 什么是搜索
搜索是软件提供给用户一种便捷的信息查询快速通道。用户通过单一关键字或组合关键字精
确的搜索自己想要的信息或数据。
1.45.2 搜索的构成元素及使用规范
搜索，通常按功能分为单一条件关键字模糊搜索、多条件选择搜索和多条件组合搜索三种类
型。其使用规范如下：
所谓单一条件关键字模糊搜索，就是用户通过输入任意一个关键字模糊查询的搜索方
式。它通常由一个文本框和搜索按钮组合而成。这种搜索方式主要适合于初级用户和大
众用户。如图.13.3所示：
图.13.3 单一关键字搜索
所谓多条件选择搜索，就是设计者为用户提供多个条件但仅供用户选择其一的搜索方
式。这种搜索方式和关键模糊搜索有点类似，不同是设计者为用户圈定了一定的搜索范
围。一般这种搜索方式，需要界面设计者为用户提供一个下拉列表（或多个单选按钮）、
一个文本框和一个搜索按钮。这种搜索方式主要适合于中级用户。如图图.13.4所示：
图.13.4多条件选择搜索
所谓多条件组合搜索，就是用户可以从设计者设计的多种搜索条件中选择一个或者多个
条件进行组合搜索的搜索方式。这种搜索方式通常多以页面形式呈现给用户，使用控件
可编辑
.
也是多种多样，包括：复选框、文本框、命令按钮等。这种搜索方式主要适合于高级用
户。如图.13.5所示：
图.13.5多条件选择搜索
1.46 日期选择器
1.46.1 什么是日期选择器控件
“日期选择器控件”提供了一个日历月份显示，允许用户选定一个日期。如图.13.6所示：
图.13.6 日期选择器控件
1.46.2 日期选择器控件构成元素及使用规范
“日期选择器控件”通常由“年”、“月”、“日”和“星期”三部分多个控件组合而成。
您可以在窗口中直接使用这个控件或者将其作为一个下拉列表控件的弹出窗口。
可编辑
.
按照用户阅读习惯，年月日从大到小依次排列。首先选择“年”，其次选择“月”，然后
选择“日”；而且“日”和“星期”一定要正确对应。
1.47 组框
1.47.1 什么是组框
组框是一个可以用来组织一组控件的特殊控件。如图.13.7所示。
图.13.7 组框
1.47.2 组框的构成元素及使用规范
组框是一个矩形框架，它可以包含一个环绕一组控件的可选标签。组框通常不直接处理
任何输入。
您可以为组框标签指定一个访问键来提供对组中的项目导航访问。
如果您使用方向键来支持组框内的控件（例如选项按钮）的用户导航，那么您应该让它
们只在组框中的控件之间移动。
大多数的组框标签使用名词或者名词短语，保持文本简洁。避免使用指导性文本作为标
签。文本标签不要包括任何结尾的标点符号。
可编辑
.
1.48 进度指示器
1.48.1 什么是进度指示器
进度指示器控件俗称进度条，也称进度栏控件，用来显示一个长时间操作完成的百分比。如
图.13.8所示。
图.13.8进度指示器
1.48.2 进度指示器的构成元素及使用规范
进度指示器是由一个从左到右填充的实心或者分段矩形栏构成。
进度指示器只显示信息，通常不是交互的。如果您添加了静态文本或者其他帮助说明信
息，那么应该将其放在指示器控件的外部。
使用该控件作为长时间操作或者后台过程的反馈，以补充说明指针的“繁忙”反馈。
决定是否在消息框或者状态栏中使用进度指示器，请衡量进度指示器在多大程度上代表
了该操作或过程。
1.49 滚动条
1.49.1 什么是滚动条
滚动条控件是水平或垂直的滚动控件，可以用它来在自动包括滚动条的窗口框架或者列表框
之外创建滚动区域。
可编辑
.
1.49.2 滚动条的构成元素及使用规范
滚动条是一个有滚动箭头按钮、滚动框和滚动栏组成的组合控件。如图.13.9所示。
图.13.10滚动条及其组件
滚动箭头和滚动栏都包括有四种状态：正常、滑过、按下、禁用；滚动框包括有三种状态：
正常、滑过、按下。如图.13.10所示。
图.13.10滚动条组件状态
使用规范如下：
只对支持滚动的上下文使用滚动。对于您想要提供设置值或调整值的界面的上下文，请
使用滑块或者其他控件（如微调框）；避免使用滚动条来设置值，
可编辑
.
滚动条控件沿着它的支持的窗口方向垂直或水平边缘来排列滚动条。如果内容在一个特
定方向上永远是不可滚动的，那么不要包括那个方向的滚动条。
当窗口在一个特定的方向不能再被滚动时，禁用那个方向上的滚动箭头。
在用户滚动到数据的开始或末尾时禁用滚动条箭头按钮，除非该结构允许用户在数据以
外滚动。
如果窗口变成不活动的，或者更改了大小，以至于它的内容不再需要滚动，您应该继续
显示滚动条。一致显示滚动条能为提供更稳定的环境。
1.49.3 滚动条交互行为
当滚动箭头按钮被按下并按住时，它们展示了一种自动重复行为。这个操作导致只要指
针保持在箭头按钮上，窗口就将继续在相关联的方向上滚动。如果指针在用户按鼠标键
时从箭头上一开了，那么自动重复行为将会停止，不再继续，除非指针被移回到该箭头
按钮上。
用户单击滚动条的组成控件时，应该给用户相应的状态反馈以反映滚动条组成控件不同
状态之间的差异。
滚动框的大小可以变化，以反映窗口中的可见部分和文件的全部内容之间的差异。
用户可以通过拖动滚动框来滚动窗口。在用户移动滚动框时连续更新视图。如果您不能
一合理的速度支持滚动，那么可以在拖动操作结束时滚动信息作为代替。
将滚动框拖动到滚条的末尾意味着滚动到那个方向的末尾，但它并不总是意味着该区域
不能被进一步滚动。如果您的应用程序结构超出了数据本身，那么可以把将滚动框拖动
到滚动条的末尾解释为移动到数据的末尾而不是该结构的末尾。
在滚动栏上的滚动框上下位置（或左右位置）单击滚动栏时，那么试图滚动与视图高度
可编辑
.
相等的距离。
在指针位于滚动栏中时并按住主鼠标键将自动重复滚动操作。如果用户在按住主鼠标键
时将指针移出了滚动敏感区域，那么滚动操作将会停止。用户可以将指针移回到滚动条
区域来继续滚动。
1.50 选项卡
1.50.1 什么是选项卡
选项卡又被称为“书签”，它是用来定义同一个窗口内信息的多个功能页（见图1-1）。
图1-1
状态
选项卡它有2种状态（见图1-2）
图1-2
可编辑
.
1.50.2 构成元素及使用规范
构成元素
选项卡由背景和文本标签组成（见图1-1）。
交互行为
当鼠标主键单击一个选项卡时，输入焦点将会移动并切换到那个选项卡；
支持快捷键（如CTRL+TAB、CTRL+PAGE或CTRL+PAGE DOWN）在选项卡之间切
换；
当选项卡被选中时，其背景高亮显示，同时与其内容区连成为一片，表示此内容为当前
区域。
使用规范
选项卡标签一般使用文本；
选项卡文本标签使用系统字体，并使用不以句号或省略号结尾的书面标题；
文本标签通常用名词比用动词要好；
选项卡支持将选项卡放在控件的顶部、左边、右边和底部，默认和最常用的位置是
控件顶部；
指导性文本中，使用“单击”来表示用户与一组选项卡的交互。
应用范围
在同一个窗口中显示多个、并列的信息功能时，使用选项卡控件。
可编辑
.
1.51 滑块
1.51.1 什么是滑块
滑块又被称为“轨迹栏控件”，它是用来设置或调整一个连续范围上的值，如音量或者
亮度。（见图1-1）。
图1-1
状态
滑块它有以下几种状态（见图1-2）
可编辑
图1-2
.
1.51.2 构成元素及使用规范
构成元素
滑块由一个用来调节所显示的程度或范围的栏和一个显示控件当前值的指示器组成。
（见图1-1）。
交互行为
用户可以将指示器拖动到一个特定的位置来移动指示器；
用户在轨迹栏的热区上单击，这可将指示器直接移动到单击的那个位置；
当支持键盘访问时，使用快捷键和访问键；
当控件具有输入焦点时，用户可以按方向键来移动滑块指示器；
当鼠标滑过滑块时，滑块应显示相应的状态。
使用规范
滑块不包括它自己的标签，因此 应该使用一个静态文本字段或者组框标签来为它提供
标签；
标签放在滑块的左边，或者放在上面并与滑块的左侧对齐；
对滑块标签使用句子风格，并大写（对于英文）；
当使用静态文本字段来标注该控件，那么使用冒号结束标签文本；
滑块支持大量选项，指示器方向可以设置为水平或垂直，定义滑块指示器和滑块栏的长
度和高度，定义滑块的增量，以及显示控件的刻度；
块的指导性文本使用“移动”来表示。
可编辑
.
1.52 WebBrowser控件
1.52.1 什么是WebBrowser控件
帮助你向应用程序添加浏览、文档查看和数据下载功能，同时提供用户浏览www.上站
点，以及本地文件系统和网络上的文件夹。
1.52.2 构成元素及使用规范
构成元素
主要由窗口，工具栏，目录、索引、搜索选项卡，主题窗格（见图1-1）。
窗口
可编辑
.
窗口大小有默认大小（如w:730 px，H:530px），可支持最大化、最小化、恢复及关闭
功能。具体使用规范见
“窗口”
。
工具栏：
工具栏出现的默认按钮有：隐藏/显示、前进、后退、打印、选项，根据需要可添加主
页、停止、刷新按钮。具体使用规范见
“工具栏”
。
目录、索引、搜索选项卡：
根据需要可添加书签选项，其中目录选项卡中显示按类别加以组织的主题列表，创建的
层次不要超过3层，以方便阅读。顶层主题不要超过12个，避免用户过多的使用滚动才能
察看相关主题。索引选项卡按照每个主题创建的关键字组织主题，关键字要准确而有效。搜
索选项卡提供文本搜索能力，允许用户搜索帮助中的任何词或段落。具体使用规范见
“选项
卡”
主题窗格：
主题窗格包括欢迎页和帮助主题页面，缺省打开显示欢迎页。
使用规范
◎ 该控件维护一个历史记录列表，用户可以向前和向后浏览在以前浏览过的站点、文件和
文档；
◎ WebBrowserk控件支持通过指向并单击超级链接或“统一资源定位符”导航的Web
浏览。
可编辑
.
1.53 图标
1.53.1 什么是图标
图标是具有明确指代含义的图形或图像标识符号。
广义——具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。
狭义——计算机软件方面的应用，包括：程序标识、数据标识、命令选择、模式信号或切
换开关、状态指示。
1.53.2 图标的使用规范
避免设计使用那些定义了操作或者过程——依赖于动词活动的图标；要尽量使用名词
的图标。
应该将图标作为辅助的、增强的一种信息展现形式。
要使用用象征意义的图像，但应当考虑图形的文化影响。在可能的情况下，要避免在图
形中使用字母或单词，因为它们在其他文化中可能不起作用或者无法适应其他文化。
避免使用复杂有歧义的图标，要使用与现时所处的整体环境相适应的图标。
使用图标来提供可视的位置以帮助用户快速地通过某项任务进行定位。避免在较低级别
的对话框中使用图标，以便防止给用户造成视觉上的混乱。
如果以直观方式显示图像即可清晰地表达图标的含义，则不必使用其它复杂方式。
对于尺寸较小的图标尽量使用抽象、简单的图形符号，以便用户更好的识别和记忆。
不仅要为应用程序的可执行文件定义图标，还要为应用程所支持的所有数据文件类型定
义图标。
文档和数据文件的图标应当与应用程序的图标同。文档图标可以包含应用程序图标中的
可编辑
.
某些公共元素，但是要侧重于使文档图标能够标识表示并且代表该文件类型的内容。具
有相同括展名的文档享有同一个图标。
在可能及恰当的情况下，可以使用透视或维数（照明与阴影）来更好地传达对真实世界
的表示。
避免将人脸或身体的某个部位用作图标，这对于国际性用户来说尤为重要。
为了方便记忆，要将图标设计得简单而且与众不同。应该统一的应用图标以加深用户的
记忆，图标的不同尺寸副本也要尽可能的相同。尽量保持它们通常的形状以及任何有特
色的细节。
1.53.3 图标的应用范围
图标的应用范围很广，软硬件、网页、社交场所、公共场合无所不在，例如：程序标识、程
序开关标识；男女厕所标志，各种交通标志等。
1.53.4 图标的交互行为
用户可以通过单击或双击图标来执行某个操作命令或打开某种类型的文档。
1.54 图标类型
按照图标的具体用途通常主要分为以下几种类型：应用程序图标、文档图标、标题栏图标、
工具栏图标、系统托盘图标、表情图标。
1.54.1 应用程序图标
是指在桌面系统中标识某个软件产品应用程序的图形符号。应用程序图标通常采用产品标识
作为图标的主要构成元素。如图所示：
可编辑
.
图1. 48.1 应用程序图标
1.54.2 文档图标
用来标识软件产品中某个数据文件类型的图形符号。如图所示：
图1. 48.2 文档图标
1.54.3 标题栏图标
标题栏图标是用来标识当前窗口中查看的对象的图形符号。它既可能是该应用程序的图标，
也可能该应用程序的文档或数据文件的图标。详细请参见本规范“窗口标题栏图标部分”
1.54.4 工具栏图标
是指在桌面系统中标识某个软件产品应用程序的图形符号。如图所示：
图1. 48.4 工具栏图标
1.54.5 系统托盘图标
是指在桌面系统中标识某个软件产品应用程序的图形符号。如图所示：
可编辑
.
图1. 48.5 系统托盘图标
1.54.6 表情图标
表情图标是用来表示某种心情或者情绪的图形或图像符号, 比如微笑或者惊讶等表情。如图
所示：
图1. 48.6 表情图标
用户帮助
1.55 上下文敏感的帮助
1.56 “帮助”命令按钮
1.57 过程帮助
1.58 小贴士
1.59 HTML帮助
可编辑
发布评论