Definición
Una imagen es una representación visual, que manifiesta la apariencia visual de un objeto real o imaginario. La imagen ocupa un peso significativo en cualquier proyecto, permite centrar la atención, evocar un tema y facilitan la comprensión y análisis de la información. Debe cumplir una serie de funciones básicas como:
- Atraer la atención
- Transmitir información
- Favorecer el recuerdo
Tipos
Diferenciamos imágenes gráficas dependiendo de su funcionalidad:
Portada
Mostrará contenido destacado a primer nivel del sitio web. Se posiciona en la portada a continuación de la cabecera. El tamaño de la imagen de portada será de ancho como la pantalla del dispositivo desde el que se visualiza, y de alto como el 80% de la pantalla incluyendo la cabecera.
Subportadas y páginas de navegación (opcional)
Mostrará contenido destacado a primer nivel de página. Se posiciona en la portada a continuación del título. Se mostrará el elemento descriptivo en el margen derecho (opcional) con una opacidad de 0,95.
Slider
Su función será mostrar imágenes destacadas y nos servirá como separador entre bloques de contenido.
Por encima de la imagen llevará una capa degradada lineal vertical del 0 al 85% de #000000 para posibilitar la lectura del texto (véase componente Banner).
Cards
Si se inserta una imagen en una card (opcional) debe posicionarse en la parte superior, su objetivo es reforzar el contenido de la propia card.
Formato
- Proporción 3:4 corresponde con las imágenes que podrían insertarse en los listados de recursos, fichas o en todos aquellos casos en los que sea necesario usar una imagen vertical.
- Proporción 16:9 corresponde con las imágenes que podrían insertarse en el mega menú, segmentos de portada o en todos aquellos casos en los que sea necesario usar una imagen horizontal.