模式 设置

设置

应用设置允许用户根据偏好定制应用或服务的运作方式。

应用设置位于应用导航的“设置”标签中。

设置控件应能捕获用户偏好。显示的设置项应能影响大多数用户,或为少数用户提供关键功能支持。

位置

侧边导航
工具栏菜单

设置组件

标签
辅助文本
开关或复选框设置
状态

Material Design 中的应用设置功能用于调整用户偏好

位置 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

应用的所有设置项都应通过“设置”标签访问。不要使用“选项”或“偏好”等同义词。

侧边导航

如果存在侧边导航(如导航抽屉),请在所有其他项(帮助和反馈除外)下方添加“设置”。

无导航的应用

将设置置于工具栏菜单中所有其他项目(帮助和反馈除外)的下方。

Material Design 中的导航抽屉设置

导航抽屉中的设置

Material Design 中的工具栏菜单设置

工具栏菜单中的设置

用法 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

设置应精心组织、易于预测,并包含数量合理的选项。

提供概览

用户应能快速查看最重要或最常用的设置及其当前值。

如果设置项很多,应优先显示用户可能最感兴趣的设置。不太重要的设置可以分组并移动到单独的界面。

Material Design 中的重要设置显示在列表顶部

重要设置显示在列表顶部

选择合适的设置

设置应该:

  • 保存用户偏好
  • 不经常访问
  • 被大多数用户使用
  • 供少数用户使用,但对满足其需求至关重要

设置不应该:

  • 被频繁访问(将这些操作移到工具栏)
  • 包含应用的相关信息,例如版本号或授权信息(将这些信息移到帮助界面)
  • 管理用户账户(在应用的主要流程中显示这些操作,例如在侧边导航中)

选择友好的默认值

设置的默认值应该:

  • 代表大多数用户会选择的值
  • 保持中立且风险较低
  • 消耗较少的电量或移动数据流量
  • 仅在重要时进行中断

分组设置 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

优先显示最重要或最常用的设置。

分隔线

使用分隔线将相关的设置分组。避免在每个单独的设置之间使用分隔线。

分组标题(可选)

分组后的设置可以包含标题。分组标题应具体明确,避免使用“其他”或“杂项”等模糊名称。

15个以上设置项

相关设置最好分组在子屏幕中。术语应保持统一:用于打开分组设置项的标签,应与该子屏幕的标题一致。

Material Design 中的语言和输入法设置

语言和输入法的分组设置

标签和辅助文本 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

标签

使标签简短、有意义。如有必要,标签会自动换行。

标签应该:

  • 仅将专有名词和标签的第一个字母大写
  • 以最重要的文本开头
  • 避免使用“不要”或“从不”等否定词,改用“阻止”等中性词
  • 使用“通知”等客观文本,而不是“通知我”这类主观文本(例外:如果必须提及用户才能理解设置,则使用第二人称“你”,而不是第一人称“我”)

标签应避免:

  • 通用术语,例如:设置、更改、编辑、修改、管理、使用、选择
  • 重复分组标题中的文字
  • 使用技术术语,除非目标受众已广泛理解这些术语

对齐方式

所有标签都应与标题的左边缘对齐。这能提供更简洁统一的外观。

Material Design 中的标签和标题对齐

标签与标题对齐

辅助文本(可选)

辅助文本可帮助用户更好地理解设置的当前状态。如果标签本身已足够清晰,则无需添加辅助文本。

Material Design 中的文字使用指南

不推荐做法

避免在辅助文本中重复标签中的文字。

开关或复选框设置

需要精确描述的开关或复选框设置,可在标签下方添加单行描述。

描述应该:

  • 传达有关设置状态的信息
  • 指明启用设置时会发生什么
开关和复选框的 Material Design 设置描述

推荐做法

以动词开始描述。

Material Design 中的当前状态解释

推荐做法

解释设置的当前状态。

需要更详细解释的设置,可以在子屏幕中添加描述。

Material Design 中的开关状态表示为“开”或“关”

在标签下方,显示开关的状态文本“开”或“关”。

Material Design 中的开关与说明应放在第二屏

将开关和更详细的描述添加到子屏幕。

所有其他设置

对于非开关设置,辅助文本应仅显示设置的当前状态。

睡眠
10 分钟无活动后

推荐做法

辅助文本传达了设置的当前状态。

屏幕超时
调整屏幕自动关闭前的延迟时间

不推荐做法

避免描述设置本身。应该显示设置的状态。

书写指南 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

直接且易于理解。

点击时振动

推荐做法

使用触觉反馈

不推荐做法

在适当上下文中指示带有特定细节的状态。

热点和网络共享
无线热点已启用

推荐做法

热点和网络共享
通过移动数据连接向其他设备提供网络

不推荐做法

当没有更好的替代方案时,使用熟悉的缩写。传达不熟悉设置的用途和原因。

NFC
手机靠近另一台设备时允许数据交换

推荐做法

NFC
使用近场通信读取或交换标签

不推荐做法