Descripción general
Los banners pueden ayudar a mostrar experiencias especiales de la app, funciones nuevas o mensajes importantes. Si bien son funcionalmente similares a las filas estándar, los banners agregan una prominencia visual distintiva a través de rellenos de fondo personalizables y siempre se separarán visualmente del contenido circundante.
Composición
El elemento de banner está diseñado para una alta visibilidad y contiene cuatro componentes, dos de los cuales son obligatorios:
- Imagen o ícono inicial (obligatorio)
- Texto principal: título y subtítulos (obligatorio)
- Texto secundario (opcional)
- Imagen o ícono final (opcional)
1. Imagen inicial
2. Texto principal
3. Texto secundario (opcional)
4. Elemento final (opcional)
Requisitos para la UX
Para garantizar una experiencia segura y coherente en todas las apps, sigue estos requisitos de diseño:
Nivel de exigencia |
Contenido |
|---|---|
OBLIGATORIO |
Muestra solo un banner por sección. Coloca los banners en una sección dedicada que no contenga otros tipos de componentes. |
DEBEN |
Aplica rellenos de fondo personalizados, colores de acento de los botones y radios de esquina distintos para separar los banners de las filas de contenido estándar. |
DEBEN |
Evita colocar secciones de banner directamente adyacentes entre sí para preservar su prominencia visual. |