复选框

复选框是一个用户界面元素，允许用户从提供的选项中选择一个或多个选项。

§用例

激活后，该复选框不会立即触发操作。用户必须点击确认按钮（例如 “保存”、“应用”、“提交”）才能应用。在大多数情况下，复选框与解释性标签一起使用。但是，在某些情况下，复选框可以在没有标签的情况下使用，例如在表格中，或者在每个复选框旁边加上 “启用” 标签是多余的。以正面措辞开头，例如，使用 “启用” 而不是 “禁用”，以防止用户解开逻辑难题。

§解剖学

该复选框包括：

1.容器：复选框周围的可视矩形区域。容器指示边界并激活复选框。 2.复选标记：用户启用复选框时出现在容器内的符号。此符号直观地确认用户选中了该复选框。 3.文本标签（可选）：文本放置在复选框的右侧。文本标签解释了复选框的含义或用途。

§尺码

复选框组件有两种主要尺寸：

M 是默认尺寸，标准尺寸适用于大多数情况。在此大小下，容器为 14x14 像素，文本标签使用 13 像素的字体。

如果复选框需要在其他界面元素中脱颖而出，或者界面需要更大的元素以便于使用，则使用 L。在此大小下，容器为 17x17 像素，文本标签使用 15 像素的字体。

§国家

默 认为主复选框状态，用户可以通过单击启用或禁用该状态。

悬停 是用户将光标移到复选框区域（复选框 + 标签）上方的状态。

禁用 是用户由于某种原因无法与复选框进行交互时的状态。

不确定 是选中多个项目中的一个时，复选框组中标题的状态（通常出现在具有多行选择的表格中）。

§建议

§使用

• **** 如果您希望用户从列表中选择一个或多个选项，请选择选项。

• 启用/禁用功能 如果您希望用户启用或禁用界面中的某些功能。例如，用户可以启用或禁用通知或自动播放和其他功能。在这种情况下，复选框可提供清晰直观的交互。

• **** 如果您希望用户为批量操作（例如删除或导出）选择多个项目，则可在表格或列表中进行多项选择。这简化了数据操作并促进了批量操作。

• 内容或结果筛选（ 如果您希望用户选择筛选内容或搜索结果的参数）。

§避免

• 单一选项选择。如果您希望用户从互斥集合中选择一个选项，请使用单选按钮。

• **双位置启用/禁用（即时操作）。**如果该选项只有两种状态，即启用和禁用，并且更改立即生效，没有 “应用” 按钮，则使用开关。交换机可以更清晰、更紧凑地呈现此类选项，并且更改会在切换后立即生效。

• 分段选择。如果您提供了多个互斥的选项，用户可以在不同的类别中同时选择，请使用区段控件。它们允许用户在不同的细分或类别中选择选项。

• 从众多选项中选择。如果您提供了一长串可供选择的选项，请使用下拉列表（选择）。这样可以节省屏幕空间，便于从大量选项中进行选择。

§写作文字

• 力求文字描述的简洁性。避免使用长短语或复杂句子。
• 使用主动动词，明确表示与选择相关的动作。例如，“订阅时事通讯” 而不是 “订阅时事通讯”。
• 让用户充分了解选中复选框后会发生什么。例如，“接收有关新文章的通知” 而不是 “通知”。