Contexto
Los botones son, en pocas palabras, elementos de tu app móvil en los que los usuarios pueden hacer clic para ejecutar una acción.
Fuente de los botones
- Se define una familia de fuentes predeterminada para los botones principales y secundarios.
- Elige un tipo de fuente que incluya los grosores “Regular” y “Bold”, ya que se usan ambos.
Ten en cuenta que la fuente de los botones solo se puede definir a través del Centro de personalización si decides activar los estilos. En caso contrario, se usará la fuente del cuerpo.
Los botones deben cumplir con estos requisitos:
- Formato del archivo: OTF o TTF
- Fuente con grosor “Bold” y “Regular”
- Licencia
Colores
Color del botón principal
Los botones principales indican la acción principal en la pantalla. Constan de dos colores: un color para el botón principal (fondo) y blanco para el texto. Elige un color que permita leer fácilmente el texto blanco:
- Color del botón principal
- Texto blanco (no se puede modificar)
Color del botón secundario
Los botones secundarios se utilizan para representar las acciones secundarias en la pantalla. Se crean a partir de dos colores: el color del botón secundario (fondo) y el color del texto del cuerpo definido en la sección de tipografía. Esta combinación también se debe poder leer fácilmente:
- Color del botón secundario
- Color del texto del cuerpo
Color del botón inhabilitado
Se utiliza cuando el botón principal está en estado inhabilitado. Los botones inhabilitados constan de dos colores: un color para el botón inhabilitado (fondo) y blanco para el texto. Elige un color que permita que el texto blanco se lea fácilmente, pero que el botón siga luciendo inhabilitado:
- Color del botón inhabilitado
- Texto blanco (no se puede modificar)
Color del contorno del botón en la tarjeta Loyalty
Se utiliza para perfilar el código de barras y el botón Use (Usar) de las tarjetas Loyalty. Estos botones se encuentran tanto en la pantalla de inicio como en la página de Loyalty. A la hora de elegir el color del contorno, recomendamos utilizar el blanco si el fondo es oscuro y un color más oscuro si el fondo es claro:
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.