模式 指纹

指纹

仅支持 Android

指纹识别可用于解锁设备、登录应用,并用于通过 Google Play 和某些第三方应用验证购买。

要使用指纹验证购买,请显示指纹验证对话框。

指纹不如高强度 PIN 码或密码安全。替代的身份验证方式包括用户的账户密码、应用 PIN 和设备凭据。

何时使用

打开应用的时候
在应用的购买流程中
在应用的设置中
录入后

图标

指纹图标大小:24dp
环绕图标的圆:40dp

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.

用户可以设置使用指纹来验证登录或购买行为。

当需要验证用户操作时,显示指纹验证对话框以代替登录界面。

标题

使用标题来描述正在执行的操作,例如“登录”。标题不应该用来介绍指纹。

副标题/描述文本

使用“确认指纹”的表述,以与 Android 系统设置保持一致。

你可以将上述文本与用户的操作相结合,例如“确认指纹以完成购买”。

Material Design 中的指纹验证对话框

指纹验证对话框

Material Design 指纹验证对话框规格

指纹验证对话框规格:

对话框左右内边距:24dp
对话框顶部内边距:24dp
标题底部外边距:20dp
副标题底部外边距:28dp
指纹图标右侧外边距:16dp
触摸传感器高度:40dp
触摸传感器引导文字上下内边距:12dp
按钮容器高度:52dp
按钮容器底部内边距:8dp
按钮高度:36p
按钮左右内边距:8dp

行为 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

默认状态

提示用户将手指放在传感器上。

Material Design 中的手指放置传感器要求

默认状态:提示用户将手指放在传感器上

成功状态

一旦识别到指纹,将对话框更改为成功消息,并将图像更改为带复选标记的指纹图标。

规格:

  • 成功文本和图标使用应用的主色,或使用 Teal 500 (#009688)

成功状态应避免:

  • 同时显示两个成功状态
  • 默认状态和成功状态之间的过渡过多
Material Design 中的指纹识别成功消息

表示指纹已被识别的成功消息

失败状态

失败时,应提供清晰的提示(可带有错误图标和状态消息),告知用户指纹未被识别,并可再次尝试。

规格:

  • 使用用于失败状态的应用色调,或使用 Deep Orange 600 (#F4511E)

失败状态应避免:

  • 默认状态和失败状态之间的过渡过多
Material Design 中的无法识别指纹错误信息

指出无法识别指纹的错误信息

退出

提供其他方法退出对话框。至少,应提供关闭指纹对话框的功能,例如“取消”按钮。

指纹验证的替代方案

指纹不应是唯一的验证方式。应提供其他身份验证方法,例如:

指纹图标 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

用法和大小

指纹图标应以标准系统图标大小 24dp 显示在 40dp 的圆圈内。

Material Design 中的指纹图标的用法和大小

40dp 的圆圈

Material Design 中的指纹图标的用法和大小

24dp 的系统图标

默认图标

用户会在可以使用指纹的地方找到此图标。

规格:

  • 圆圈背景色:#607D8B
  • 适用于白色背景
Material Design 中的指纹识别默认图标

默认图标

Material Design 中的指纹识别对话框和默认图标

对话框和默认图标

彩色图标

图标外的圆圈可使用不同颜色定制,该颜色应为指纹图标提供合适的对比度。

Material Design 中的指纹识别使用彩色图标

有对比度的彩色图标

Material Design 中的指纹识别不要使用带多种颜色的指纹图标

不推荐做法

不要使用带多种颜色的指纹图标。

浅色背景的 UI 上

使用带深色圆圈背景的指纹图标。

规格:

  • 颜色:#FFFFFF
  • 不透明度:100%
Material Design 中浅色背景下的深色圆圈背景指纹图标

浅色背景下使用带深色圆圈背景的指纹图标

深色背景的 UI 上

使用带浅色圆圈背景的指纹图标。

规格:

  • 颜色:#000000
  • 不透明度:54%

无圆形背景的图标

需要更通用指纹图标的应用可能会消除圆形背景。

Material Design 中无圆形背景的指纹图标

无圆形背景的图标

Material Design 中无圆形背景图标的指纹对话框

无圆形背景图标的对话框

Material Design 中的指纹图标应保持直立

不推荐做法

不要倾斜或扭曲指纹图标。

重新验证 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

重新验证适用于用户在继续操作前需要重新进行身份验证的情况。

重新验证用于:

  • 防止未经授权查看敏感信息
  • 防止未经授权的购买行为
  • 当加密密钥过期时,系统会要求用户重新认证身份。
Material Design 中的重新验证对话框

重新验证对话框

或者,如果用户忘记可以使用指纹验证,你可以要求他们使用备用密码,并在下一次提醒他们可以使用指纹。

Material Design 中的备用密码询问对话框

要求用户提供备用密码的对话框