本文档重点介绍了设计 Android 平台设置、GMS 核心设置(Google 设置)或任何为其 Android 应用程序设计设置的开发人员的原则和指南。
设计原则
提供一个很好的概述
用户应该能够浏览设置屏幕并了解所有单独的设置及其值。
图 1.设置及其当前值显示在顶层屏幕上
直观地组织项目
将常用设置放在屏幕顶部。限制一个屏幕上的设置数量。显示超过 10-15 个项目可能会让人不知所措。通过将一些设置移动到单独的屏幕来创建直观的菜单。
图 2.常用设置位于屏幕顶部
使设置易于查找
在某些情况下,在两个不同的屏幕上复制单个设置可能会有所帮助。不同的情况会触发用户更改一个设置,因此在多个位置包含该设置将有助于用户找到该项目。
对于重复设置,为设置创建一个单独的屏幕,并具有来自不同位置的入口点。
![]() | ![]() |
图 3 和 4. “通知”和“声音”屏幕上都出现“默认通知声音”
使用明确的标题和状态
使您的设置标题简短而有意义。避免使用模糊的标题,例如“常规设置”。在标题下方,显示状态以突出显示设置的值。显示具体细节,而不仅仅是描述标题。
标题应该:
- 将标签中最重要的文本放在首位。
- 将“不要”或“从不”等否定词改写为“阻止”等中性词。
- 使用“通知”等非个人标签,而不是“通知我”。例外:如果需要参考用户来理解设置,请使用第二人称(“你”)而不是第一人称(“我”)。
标题应避免:
- 通用术语,例如设置、更改、编辑、修改、管理、使用、选择或选择。
- 重复部分分隔符或子屏幕标题中的单词。
- 技术术语。
页面类型
设置列表
这是最常见的屏幕类型。它允许将多个设置放在一起。设置列表可以是控件的组合,例如开关、菜单和滑块。
如果一个类别中有许多设置,则可以将它们组合在一起。有关更多详细信息,请参阅分组和分隔符。
图 5.设置列表示例
列表显示
列表视图用于显示应用程序、帐户、设备等项目的列表。可以将过滤或排序控件添加到屏幕中。
图 6.列表视图示例
实体画面
实体屏幕用于显示不同项目的设置,如应用程序、帐户、设备、Wi-Fi 网络等。
在视觉上,实体显示在顶部,带有图标、标题和副标题。此屏幕上的所有设置都必须与此实体相关。
图 7. App info 中使用的实体屏幕示例
图 8.存储中使用的实体屏幕示例
主设置
当可以打开或关闭整个功能(例如 Wi-Fi 或蓝牙)时,最好使用主设置。通过使用屏幕顶部的开关,用户可以轻松控制此功能。使用主设置禁用该功能会禁用所有其他相关设置。
如果某个功能需要更长的文本描述,则可以使用主设置,因为此屏幕类型允许更长的页脚文本。
如果需要从多个屏幕复制或链接设置,请使用主设置。由于主设置是一个单独的屏幕,因此您可以避免在不同位置为同一设置设置多个开关。
图 9.应用通知屏幕中使用的主设置示例;关闭主切换会关闭此应用的整个功能
图 10.应用通知屏幕中使用的主设置示例,主切换关闭
单选按钮选择画面
当用户需要选择设置时使用此屏幕。单选按钮可以显示在对话框中或单独的屏幕上。单选按钮不应与滑块、菜单或开关一起使用。
单选按钮屏幕可以在顶部包含图像,在底部包含页脚文本。单个单选按钮可以有字幕和标题。
图 11.不应在设置列表中使用单选按钮
图 12.这是在设置中正确使用单选按钮的方法
成分
标题
从 Android 8.0 开始,操作工具栏会显示搜索和帮助以及其他相关操作。不鼓励使用溢出菜单,因为用户可能不会发现隐藏在这些菜单中的操作。
对于没有特定于屏幕操作的工具栏。显示搜索和帮助操作。
图 13.带有搜索和帮助操作的工具栏
对于具有一项操作的工具栏:在搜索之前显示操作。
图 14.在搜索和帮助操作之前有一个操作的工具栏
对于具有超过 1 个操作的工具栏:考虑将主要操作放在搜索之前,同时将高级操作放在溢出菜单中。
如果所有操作都是高级操作或仅对一小部分用户有用,请考虑将所有操作放在溢出菜单中。
图 15.带有用于操作的溢出菜单的工具栏
实体标头
实体标题可以仅显示标题,也可以显示带有子文本的标题(子文本允许多行)。以下操作是可选的。您最多可以有两个操作。
图 16.实体标头
图标和标题 (App1) 部分将在标题 (App info) 下滚动。
图 17.此处的应用信息标题是工具栏的一部分,而屏幕的其余部分将在其下方滚动
菜单链接
标题是强制性的。您还应该显示突出设置状态的潜台词。使用图标是可选的。
尽量保持标题文本简洁。如果标题很长,它们可以在下一行继续,而不是被截断。不要在长按时启用菜单或操作。
例子:
图 18.带有图标、标题和子文本的菜单链接
图 19.带有标题和子文本的菜单链接
图 20.仅带有标题的菜单链接
右侧带有图标、标题、潜台词和单独命中目标的菜单链接
其他点击目标应使用主题颜色。
图 21.双击目标菜单示例
带有图标、标题、潜台词和统计/数字/警报图标的菜单链接
百分比和时间等数值可以与子文本一起显示在右侧,而条形图可以显示在下面。
通常,数值显示在右侧,因此用户可以轻松浏览和比较它们。
图 22.带有图标、标题、统计信息和图形的菜单示例
分组和分隔符
如果一个屏幕有很多设置,它们可以通过分隔线进行分组和分隔。与较旧的 Android 版本不同,分隔符现在用于将设置聚集在一个组中,而不是分隔单个设置。
如果组中的设置密切相关,您可以添加组标题。如果您使用组标题,则应始终包含分隔符。
图 23.用分隔符分组的设置
转变
切换图标、标题和潜台词
图 24.带有图标、标题和潜台词的切换
切换标题和潜台词
图 25.带有标题和子文本的切换
仅使用标题切换
标题可以在左侧带有一个图标。
图 26.仅带有标题的切换
列表项+开关
您可以将列表项与开关组合在一起。点击垂直线的左侧就像一个链接,将用户带到下一个屏幕。右侧的行为类似于标准开关。
对于左侧的列表项,标题是强制性的。图标和潜台词是可选的。
图 27.列表项和开关
滑块
该图标在滑块中是可选的。
图 28.滑块
屏幕按钮
积极行动使用主题颜色,而消极行动使用灰色。积极行动可能包括打开应用程序、安装应用程序、添加新项目等。消极行动包括清除数据、卸载应用程序、删除项目等。
图 29. “卸载”和“强制停止”的灰色按钮
图 30. “立即开启”的蓝色按钮
渐进式披露(高级)
不常用的设置应隐藏。仅当至少要隐藏 3 个项目时才使用“高级”。
在这里,潜台词显示隐藏设置的标题。潜台词应该只有一行。附加文本会被省略号截断。
图 31. “显示”屏幕上使用的高级
下拉式菜单
下拉菜单可用,但理想情况下,您应该使用对话框或单选按钮选择屏幕。建议这样做是为了简化设置,因为目前单项选择有三种不同的模式。
如果需要,可以在设置具有简单选项的情况下使用下拉菜单。
图 32.下拉菜单
复选框
尽可能使用切换复选框。
可以使用复选框:
- 对于限制应用程序或阻止服务等负面操作。
- 为了避免屏幕上有太多的开关。
图 33.复选框用于减少此屏幕上的开关数量
链接
不建议在设置中使用链接。仅在绝对必要时使用链接。链接应该使用没有下划线的强调色。
图 34.设置中使用的链接
页脚
页脚文本可用于添加说明性内容。页脚应始终在顶部有一个分隔线。页脚显示在屏幕底部。如果需要,页脚可以有链接。
图 35.页脚文本
模式
数据
关键数据可以显示在条形图或饼图等图表中。此数据可以显示在实体标题中。示例包括移动数据和存储。
其他不太重要的数据可以通过使用常规列表视图来呈现。
图 36.显示存储的示例
图 37.显示网络的示例
用户教育
某些功能可能需要解释或用户教育。您可以将动画或图像与文本一起使用。动画或图像应显示在屏幕顶部,而页脚文本可用于添加说明。
图 38.使用动画和页脚文本进行设置
形式
如果表单有一个输入字段,请使用普通对话框。这为用户输入单个输入提供了一种简单的方法。
但是,如果表单有多个字段,请考虑使用全屏对话框。这提供了更多的屏幕空间来以清晰的模式排列字段。
图 39.带有普通对话框的表单
搜索结果
搜索结果会显示设置的标题、子文本(如果有)和面包屑导航位置。
图 40.搜索结果