Descripción general
Los banners pueden ayudar a mostrar experiencias especiales en la app, funciones nuevas o mensajes importantes. Si bien son similares a las filas estándar en cuanto a su funcionalidad, los banners agregan una prominencia visual distintiva a través de rellenos de fondo personalizables y siempre estarán separados visualmente del contenido circundante.
Composición
Si un banner se puede descartar, el host renderiza automáticamente el elemento final de la lista de elementos finales como un botón de ícono de cierre estandarizado.
1. Imagen principal
2. Texto principal
3. Texto secundario (opcional)
4. Elemento final (opcional)
Requisitos de UX
Para garantizar una experiencia segura y coherente en todas las apps, sigue estos requisitos de diseño:
Nivel de requisito |
Contenido |
|---|---|
OBLIGATORIO |
Solo se muestra un banner por sección. Coloca los banners en una sección exclusiva que no contenga otros tipos de componentes. |
DEBE |
Aplica rellenos de fondo personalizados, colores de acento de botones y radios de esquina distintos para separar los banners de las filas de contenido estándar. |
DEBERÍA |
Evita colocar secciones de banners directamente adyacentes entre sí para preservar su prominencia visual. |