A interface do usuário (UI) da Confirmação Protegida consiste em seis elementos obrigatórios. Alguns elementos podem ser personalizados, mas há requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a interface do usuário e garantir que os requisitos sejam atendidos. Se um elemento estiver marcado com Requisito: esse elemento deve usar a propriedade listada.
As diretrizes a seguir usam a família de fontes Roboto, que você pode baixar em fonts.google.com .
IU com botões de hardware
Android Protected Confirmation pode usar botões de hardware no dispositivo para confirmar e cancelar a entrada.
Ícones
ícone de escudo
Ícone | |
---|---|
Download | escudo de segurança |
Tamanho do ícone | 32dp |
ícone de seta
Ícone | |
---|---|
Download | Seta do teclado para a direita |
Tamanho do ícone | 24dp |
Raio do canto do contêiner | 4dp |
Mensagens de entrada
Existem dois tipos de entrada usados na Confirmação Protegida: confirmar e cancelar.
Cadeia de confirmação
Esta mensagem deve indicar qual botão é usado como confirmação.
Mensagem | Pressione duas vezes (botão) para confirmar |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de duas linhas. |
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Cancelar string
A mensagem de cancelamento deve estar claramente visível e facilmente diferenciada do botão de confirmação. Use as seguintes propriedades junto com a única palavra Cancel .
Mensagem | Cancelar |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.
Mensagem | Requisito: confirmação protegida do Android |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 22sp |
Altura da linha | Requisito: 28dp |
Texto de corpo
Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do aplicativo).
Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida. |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 16sp |
Altura da linha | Requisito: 24dp |
Texto do subcabeçalho
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
Mensagem | Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
IU com botões de software
Android Protected Confirmation pode usar botões de software para confirmar e cancelar a entrada. As diretrizes a seguir descrevem a IU usando botões de software.
Ícone de escudo
Baixe o recurso de ícone em Android Protected Confirmation Shield Icon . Coloque o ícone na parte superior da tela.
O ícone do escudo de Confirmação Protegida é um elemento obrigatório. A cor do escudo pode ser personalizada, mas deve ser claramente visível.
Entrada
Use a forma de um botão principal e secundário para as entradas de confirmação e cancelamento.
Rótulo do botão | Use maiúsculas e minúsculas para rótulos de botão. |
---|---|
Raio do botão | 4dp |
cor de destaque | #1a73e8 |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.
Mensagem | Requisito: confirmação protegida do Android |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 24sp |
Altura da linha | Requisito: 20dp |
Texto de corpo
Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor do aplicativo.
Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 16sp |
Altura da linha | Requisito: 24dp |
Texto do subcabeçalho
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
Mensagem | Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
Cor | #000000 54% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Localização
Você pode encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de consulta como parte do AOSP .
,A interface do usuário (UI) da Confirmação Protegida consiste em seis elementos obrigatórios. Alguns elementos podem ser personalizados, mas há requisitos que precisam ser seguidos. Use as diretrizes a seguir ao personalizar a interface do usuário e garantir que os requisitos sejam atendidos. Se um elemento estiver marcado com Requisito: esse elemento deve usar a propriedade listada.
As diretrizes a seguir usam a família de fontes Roboto, que você pode baixar em fonts.google.com .
IU com botões de hardware
Android Protected Confirmation pode usar botões de hardware no dispositivo para confirmar e cancelar a entrada.
Ícones
ícone de escudo
Ícone | |
---|---|
Download | escudo de segurança |
Tamanho do ícone | 32dp |
ícone de seta
Ícone | |
---|---|
Download | Seta do teclado para a direita |
Tamanho do ícone | 24dp |
Raio do canto do contêiner | 4dp |
Mensagens de entrada
Existem dois tipos de entrada usados na Confirmação Protegida: confirmar e cancelar.
Cadeia de confirmação
Esta mensagem deve indicar qual botão é usado como confirmação.
Mensagem | Pressione duas vezes (botão) para confirmar |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de duas linhas. |
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Cancelar string
A mensagem de cancelamento deve estar claramente visível e facilmente diferenciada do botão de confirmação. Use as seguintes propriedades junto com a única palavra Cancel .
Mensagem | Cancelar |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.
Mensagem | Requisito: confirmação protegida do Android |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 22sp |
Altura da linha | Requisito: 28dp |
Texto de corpo
Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor da API (desenvolvedor do aplicativo).
Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida. |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 16sp |
Altura da linha | Requisito: 24dp |
Texto do subcabeçalho
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
Mensagem | Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
Cor | #000000 87% |
Tipo de letra | Roboto-Regular |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
IU com botões de software
Android Protected Confirmation pode usar botões de software para confirmar e cancelar a entrada. As diretrizes a seguir descrevem a IU usando botões de software.
Ícone de escudo
Baixe o recurso de ícone em Android Protected Confirmation Shield Icon . Coloque o ícone na parte superior da tela.
O ícone do escudo de Confirmação Protegida é um elemento obrigatório. A cor do escudo pode ser personalizada, mas deve ser claramente visível.
Entrada
Use a forma de um botão principal e secundário para as entradas de confirmação e cancelamento.
Rótulo do botão | Use maiúsculas e minúsculas para rótulos de botão. |
---|---|
Raio do botão | 4dp |
cor de destaque | #1a73e8 |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Texto do cabeçalho
Inclua o texto do cabeçalho Android Protected Confirmation na Trusted UI para identificar o recurso. Use as seguintes propriedades para o texto do cabeçalho.
Mensagem | Requisito: confirmação protegida do Android |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 24sp |
Altura da linha | Requisito: 20dp |
Texto de corpo
Use as seguintes propriedades ao implementar o elemento de corpo de texto. A mensagem real é escrita pelo desenvolvedor do aplicativo.
Mensagem | O corpo do texto é fornecido pelo desenvolvedor do aplicativo chamando a confirmação protegida |
---|---|
Cor | #000000 87% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 16sp |
Altura da linha | Requisito: 24dp |
Texto do subcabeçalho
Use o texto do subtítulo para explicar por que o usuário está vendo a tela de confirmação protegida. Coloque este texto na parte inferior da tela e use as seguintes propriedades.
Mensagem | Requisito: esta confirmação fornece uma camada extra de segurança para a ação que você está prestes a realizar. |
---|---|
Comprimento máximo | Requisito: A mensagem de confirmação não pode ter mais de quatro linhas. |
Cor | #000000 54% |
Tipo de letra | Roboto-Medium |
Tamanho da fonte | Requisito: 14sp |
Altura da linha | Requisito: 20dp |
Localização
Você pode encontrar localizações para os componentes descritos em uma implementação C independente de uma tabela de consulta como parte do AOSP .