模式 指纹

指纹

仅限 Android

指纹识别可用于解锁设备,登录应用以及用于 Google Play 和第三方应用的内购验证。

购买时显示指纹验证对话框,就可以使用指纹验证了。

指纹不如复杂的 PIN 码或密码安全。指纹验证的备用方案包括用户的账号密码、应用 PIN 和设备证书。

何时使用

打开应用的时候
在应用内购买流程中
在应用的设置中
注册后

图标

指纹图标尺寸:24dp
图标外圆:40dp

注册 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

必须先征求用户的同意才能在应用中启用指纹验证。

询问用户使用指纹验证的时机:

  • 打开应用时
  • 在应用的购买流程中
  • 在应用的设置中
  • 注册后

打开应用时

在用户登录后提供指纹验证的选项

在用户注册后提供指纹验证的选项

在应用的购买流程中

在注册的用户进行购买时提供指纹验证的选项

在应用的设置中

在用户设置加密选项时提供指纹验证的选项。

注册后

注册后,每次需要验证用户是都可以使用指纹对话框。

验证 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

用户可以选择使用指纹来验证登录、或验证购买行为。

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

标题

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

次要文本

使用「确认指纹」来和 Android 的设置保持一致性。

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

指纹验证对话框

指纹验证对话框规格:

对话框左右边距:24dp
对话框上边距:24dp
标题下边距:20dp
副标题下边距:28dp
指纹识别图标右边距:16dp
触摸传感器高度:40dp
触摸传感器行动号召的上下边距:12dp
按钮容器高度:52dp
按钮下边距:8dp
按钮高度:36p
按钮左右边距:8dp

行为 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

默认状态

要求用户将他们的手指放在传感器上。

默认状态要求用户将他们的手指放在传感器上

成功状态

一旦被识别成功,将验证消息改为成功消息,并在指纹图标上显示对号。

规格:

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

成功状态应避免:

  • 同时显示两个成功状态
  • 默认状态和成功状态之间的过渡太多

表示指纹识别成功的消息

失败状态

失败时,清楚的指出指纹识别失败,需要用户再次尝试,并且展示出错图标,有或没有出错信息都可以。

规格:

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

失败状态应避免:

  • 默认状态和失败状态之间的过渡太多

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

退出

提供退出对话框的方式,至少可以关闭指纹对话框,例如「取消」按钮。

指纹验证的替代方案

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

指纹图标 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

用法和大小

指纹图标应当使用标准的系统图标大小 24dp,显示在 40dp 的圆内。

40dp 的外圈

24dp 的系统图标

默认图标

用户会在使用指纹验证的时候寻找此图标。

规格:

  • 外圈背景色:#607D8B
  • 白色背景

默认图标

对话框和默认图标

有色图标

图标的外圆可以自定义颜色,但要确保合适的对比度。

对比度和有色图标

不要在指纹图标上使用多种颜色

浅色背景的 UI

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

规格:

  • 颜色:#FFFFFF
  • 不透明度:100%

浅色背景下深色背景的指纹图标

深色背景的 UI

指纹图标和浅色背景。

规格:

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

没有圆形背景的图标

将指纹识别用在多用途的应用可以去掉圆形背景。

没有圆形背景的图标

没有圆形背景图标的对话框

不要倾斜或扭曲指纹图标

重新验证 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

重新验证用于在继续操作前验证用户身份。

重新验证用于:

  • 防止未经授权查看敏感信息
  • 防止未经授权的购买行为
  • 当加密密钥过期时,用户会被要求重新确认其身份

重新验证对话框

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

询问用户备用密码的对话框