滑块（设计基础知识）
注意
此设计指南是为 Windows 7 创建的，尚未针对较新版本的 Windows 进行更新。 大部分指导原则上仍然适用，但演示和示例并不反映我们 当前设计指南。
使用滑块，用户可以从连续值范围中进行选择。 滑块具有一个显示范围和一个显示当前值的指示器的条形图。 可选的刻度线显示值。
典型的滑块。
注意
单独的文章中介绍了与 布局 相关的指南。
这是正确的控件吗？
当你希望用户能够 设置定义的连续值（如音量或亮度）或一系列离散值（如屏幕分辨率设置）时，请使用滑块。
当你知道用户将该值视为相对数量而不是数值时，滑块是一个不错的选择。 例如，用户考虑将音频音量设置为低或中，而不是将值设置为 2 或 5。
若要决定，请考虑以下问题：
- 设置是否看起来是相对数量？ 否则，请使用 单选按钮，或使用 下拉列表 或 单选列表。
- 设置是否为确切的已知数值？ 如果是，请使用 数字文本框。
- 用户是否会受益于即时反馈对设置更改的影响？ 如果是，请使用滑块。 例如，用户可以通过立即看到色调、饱和度或亮度值的变化效果，更轻松地选择颜色。
- 该设置是否具有四个或更多个值的范围？ 如果没有，请使用单选按钮。
- 用户是否可以更改该值？ 滑块用于用户交互。 如果用户无法更改该值，请改用只读 文本框。
如果滑块或数字文本框是可能的，请使用数字文本框（如果：
- 屏幕空间很紧。
- 用户可能更喜欢使用键盘。
使用滑块（如果：
- 用户将受益于即时反馈。
指引
使用自然方向。 例如，如果滑块表示通常垂直显示的实际值（如温度），请使用垂直方向。
将滑块定向以反映用户的区域性。 例如，西方文化从左到右读取，因此对于水平滑块，请将范围的低端放在左侧和右侧的高端。 对于从右到左读取的文化，请执行相反作。
调整控件的大小，以便用户可以轻松设置所需的值。 对于具有离散值的设置，请确保用户可以轻松地使用鼠标选择任何值。
如果值范围很大，并且用户可能会选择范围一端的值，请考虑使用非线性刻度。 例如，时间值可以是 1 分钟、1 小时、1 天或 1 个月。
只要可行，在用户做出选择时或之后立即提供反馈。 例如，Microsoft Windows 音量控制蜂鸣声以指示生成的音频音量。
使用标签显示值范围。
异常： 如果滑块是垂直方向的，并且顶部标签是“最大值”、“高”、“更多”或“等效”，则可以省略其他标签，因为含义明确。
垂直滑块图
在此示例中，滑块的垂直方向使得区域标签不必要。
当用户需要知道设置的近似值时使用刻度线。
当用户需要知道他们选择的设置的确切值时，请使用刻度线和值标签。 如果用户需要知道单位来了解设置，请始终使用值标签。
滑块的
在此示例中，标签用于明确指示所选值。
对于面向水平方向的滑块，请将刻度线置于滑块下。 对于垂直方向滑块，将刻度线置于西方文化的右侧：对于从右到左读取的区域性，请执行相反作。
将值标签完全置于滑块控件下，以便关系清晰。
不正确：
标签的
在此示例中，值标签未在滑块下对齐。
禁用滑块时，还禁用任何关联的标签。
不要对同一设置同时使用滑块和数字文本框。 仅使用更适当的控件。
异常： 当用户需要即时反馈和设置精确数值的能力时，请使用这两个控件。
不要使用滑块作为进度指示器。
不要从默认大小更改滑块指示器的大小。
不正确：
小于默认图
在此示例中，使用小于默认值的大小。
正确：
显示默认滑块图
在此示例中，使用默认大小。
不要标记每个刻度线。
建议的大小和间距
建议的滑块大小调整和间距图
为滑块推荐的大小和间距。
标签
滑块标签
- 使用以冒号结尾的静态文本标签，或使用无结束标点符号的分组框标签。
- 为每个标签分配唯一的访问键。 有关分配指南，请参阅 键盘。
- 使用句子样式大写。
- 将滑块标签置于滑块左侧或上方，并与滑块的左边缘对齐（或其左范围标识符（如果存在）。
范围标签
- 标记滑块范围的两端，除非垂直方向不必要。
- 对于每个标签，请仅使用单词（如果可能）。
- 不要使用结束标点符号。
- 请确保这些标签具有描述性和并行性。 示例：最大值/最小值、多/少、低/高、软/响。
- 使用句子样式大写。
- 不分配访问密钥。
值标签
如果需要值标签，请将其显示在滑块下方。
将文本相对于控件居中，并包括单位（如像素）。
滑块下居中
在此示例中，值标签居中位于滑块下，并包括单位。
文档
引用滑块时：
- 使用确切的标签文本，包括其大写，并包括单词滑块。 不要包括访问键下划线或冒号。
- 若要描述用户交互，请使用移动。
- 如果可能，请使用粗体文本设置标签的格式。 否则，仅当需要防止混淆时，才将标签置于引号中。
示例：若要提高屏幕分辨率，请将 屏幕分辨率 滑块移动到右侧。
相关主题