Diretrizes de cores do tema do dispositivo móvel
Saiba como as cores selecionadas nos temas para celular são aplicadas aos aplicativos para celular.
Considerações sobre a escolha da cor
Considere as seguintes informações ao selecionar cores para seus aplicativos para celular:
- Como suas opções de cor ficam com cores em outras partes do app, como ícones de tela e estilos de IU. Evite usar muitas cores. Designs simples de duas a três cores resultam em um layout mais limpo e acessível.
- A aparência das suas opções de cor com cores em outros elementos que podem ser exibidos na sua aplicação. Elementos como artigos de conhecimento e páginas do portal de serviços podem aparecer em seus aplicativos. Evite esquemas de cores que não funcionam bem com os elementos existentes.
- Como cores complementares e de maior contraste podem guiar o foco do usuário. Use a seleção de cores para destacar áreas de suas aplicações que requerem a atenção do usuário.
- Como a cor pode ser usada para fornecer contraste para maior legibilidade. Em áreas onde o texto aparece, certifique-se de que as cores do texto e do plano de fundo tenham um alto nível de contraste para acomodar usuários com baixa visão e daltônicos.
Importante:
Atualmente, as aplicações ServiceNow® mobile Android não são compatíveis com o uso da notação #RGB para especificar cores de tema para as aplicações. No entanto, a notação #RRGGBB é compatível com os aplicativos iOS e Android.
Localizações das cores do tema em aplicativos para celular
| Este exemplo mostra as cores usadas no tema do aplicativo para celular padrão. Use os números nesta imagem para ver onde essas cores aparecem nas diferentes áreas de seus aplicativos para celular. |
Recursos para celular
Use as imagens a seguir para ver como suas escolhas de cores afetam os elementos em seus aplicativos para celular.
- Página de inicialização da aplicação
- Barra de Navegação
- Lista
- Virtual Agent
- Pesquisar
- Ações
Tela de registro e componentes
Use as imagens a seguir para ver como suas escolhas de cores afetam uma tela de registro e seus componentes em seus aplicativos para celular.
- Tela de registro
- Check-list
- Fluxo de atividades
- Links
- Assinatura eletrônica
Modelos de tela
Use as imagens a seguir para ver como suas escolhas de cores afetam os vários modelos de tela em seus aplicativos para celular.
- Calendário
- Mapa
- Nota:O campo Cor do marcador no registro de fluxo da lista que está associado à tela do mapa determina a cor dos marcadores nos mapas.
- Modelo de URL
Configurações e notificações
Use as imagens a seguir para ver como suas escolhas de cores afetam as várias configurações e telas de notificação em seus aplicativos para celular.
- Notificações
- Configurações
- Configurações do modo off-line
- Configurações de geolocalização
- Configurações de PIN
- Configurações de atalhos da Siri (somente iOS)
Modais
Use as imagens a seguir para ver como suas opções de cor são exibidas nos modais do Android e do iOS.
- Modais do Android
- Modais do iOS