Descripción general
La sección de destacados es un bloque de diseño visual de alta visibilidad dentro de la plantilla de elementos seccionados, diseñado para mostrar colecciones de contenido destacado o recomendaciones editoriales. Al combinar una imagen principal destacada con elementos condensados adyacentes, la sección crea estructuras de navegación dinámicas que mejoran la expresión de la marca.
Composición
La sección de Destacados consta de 2 componentes de diseño principales:
- Imagen principal: Gráfico visual único y destacado que se muestra en un lado.
- Artículos condensados: Columna complementaria de artículos condensados que se renderiza directamente junto a la hero image.
1. Hero image
2. Elementos condensados
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 |
Incluye una imagen de héroe y, al menos, 1 elemento condensado. |
OBLIGATORIO |
Asegúrate de que la imagen de héroe funcione como contexto visual complementario, como la portada del álbum, y no contenga texto incorporado que los conductores deban leer. |
DEBE |
Muestra al menos 3 elementos condensados junto con la imagen principal para establecer un diseño equilibrado y visualmente completo. |