“受保护的确认”设计

“受保护的确认”界面由六个必需元素组成。您可以对部分元素进行自定义,但需遵循相应要求。对界面进行自定义时,请遵循以下指南,并确保满足相应要求。如果某个元素标记有要求:字样,则该元素必须使用所列的属性。

以下指南使用的是 Roboto 字体系列,您可访问 fonts.google.com 进行下载。

包含硬件按钮的界面

Android 受保护的确认可以使用设备上的硬件按钮来“确认”和“取消”输入。

设计布局

图标

盾牌图标

图标 “受保护的确认”盾牌图标
下载 安全盾牌
图标大小 32dp

箭头图标

图标 键盘箭头图标
下载 键盘向右箭头
图标大小 24dp
容器角半径 4dp

输入消息

有两种输入类型可以在 Protected Confirmation 中使用:确认和取消。

“确认”字符串

此消息必须指明哪个按钮用于“确认”。

消息 连按两次(按钮)即可确认
长度上限 要求:“确认”消息不得超过两行。
颜色 #000000 87%
字体 Roboto-Medium
字号 要求:14sp
行高 要求:20dp

“取消”字符串

“取消”消息必须清晰可见,且能轻松与“确认”按钮区分开。请仅使用取消一词并为其设置以下属性。

消息 取消
颜色 #000000 87%
字体 Roboto-Medium
字号 要求:14sp
行高 要求:20dp

标题文本

在可信界面中添加标题文本 Android 受保护的确认,以标识该功能。为标题文本使用以下属性。

消息 要求:Android 受保护的确认
颜色 #000000 87%
字体 Roboto-Regular
字号 要求:22sp
行高 要求:28dp

正文

实现正文文本元素时,请使用以下属性。实际消息由 API 开发者(应用开发者)编写。

消息 正文文本由调用 Protected Confirmation 的应用开发者提供。
颜色 #000000 87%
字体 Roboto-Regular
字号 要求:16sp
行高 要求:24dp

子标题文本

使用子标题文本说明用户为何会看到“受保护的确认”屏幕。请将该文本放在屏幕底部并使用以下属性。

消息 要求:这项确认可为您即将执行的操作增添一层额外的安全保障。
长度上限 要求:“确认”消息不得超过四行。
颜色 #000000 87%
字体 Roboto-Regular
字号 要求:14sp
行高 要求:20dp

包含软件按钮的界面

Android Protected Confirmation 可以使用软件按钮来确认和取消输入。以下指南说明了使用软件按钮的界面。

确认界面的软件设计布局

盾牌图标

可以转到 Android Protected Confirmation 盾牌图标下载该图标资源。请将该图标放在屏幕顶部。

盾牌图标

“受保护的确认”盾牌图标是必需元素。您可以对盾牌的颜色进行自定义,但盾牌必须清晰可见。

输入

软件按钮尺寸

为“确认”和“取消”输入使用主按钮和辅助按钮的形式。

按钮标签 对按钮标签采用句首字母大写格式。
按钮半径 4dp
强调色 #1a73e8
字体 Roboto-Medium
字号 要求:14sp

标题文本

在可信界面中添加标题文本 Android 受保护的确认,以标识该功能。为标题文本使用以下属性。

消息 要求:Android 受保护的确认
颜色 #000000 87%
字体 Roboto-Medium
字号 要求:24sp
行高 要求:20dp

正文

实现正文文本元素时,请使用以下属性。实际消息由应用开发者编写。

消息 正文文本由调用 Protected Confirmation 的应用开发者提供
颜色 #000000 87%
字体 Roboto-Medium
字号 要求:16sp
行高 要求:24dp

子标题文本

使用子标题文本说明用户为何会看到“受保护的确认”屏幕。请将该文本放在屏幕底部并使用以下属性。

消息 要求:这项确认可为您即将执行的操作增添一层额外的安全保障。
长度上限 要求:“确认”消息不得超过四行。
颜色 #000000 54%
字体 Roboto-Medium
字号 要求:14sp
行高 要求:20dp

本地化

您可以在 AOSP 对照表的独立 C 语言实现中找到所描述组件的本地化内容。