DESY

Sistema de Diseño del Gobierno de Aragón.

Volver

Índice de páginas

Uso de imágenes

El uso de imágenes y objetos multimedia está limitado. Es necesario tener en cuenta ciertas guías de estilo.

Apoyo al contenido

Este apoyo suele ser necesario en portales para facilitar la navegación.

El componente Card permite incluir una imagen para ilustrar la temática o una previsualización que otorgue información a la persona usuaria antes de acceder a su contenido.

Es importante evitar imágenes o ilustraciones ornamentales que generen ruido y que no aporten información. Todo el contenido debe estar en el texto, y que la imagen sirva como ayuda visual si la situación lo requiere.

  • Cards que enlazan a hospitales con una imagen superior del edifico de los mismos.
    Correcto

    Las imágenes apoyan al contenido enlazado, en este caso con una previsualización del edificio que ayuda a identificar el hospital.

  • Cards informativas de la página de inicio DESY con iconos que representan la descripción que contiene.
    Correcto

    Los iconos sirven de apoyo visual para destacar las características principales.

  • Card de enlace a `Nuestros servcios´ con una ilustración corporativa a la derecha. En esta ilstración se ve a dos personas saludando a través de una ventana.
    Incorrecto

    La ilustración no representa el contenido y no ayuda visualmente.

Imágenes reales

Debemos utilizar imágenes que muestren una acción concreta, situación o lugar con la mayor naturalidad posible, evitando mostrar caras. Los actores, imágenes de stock o generadas por IA no suelen representar la realidad.

  • Recorte de un artículo sobre la Atención a la Ciudadanía con una imagen en la que se muestra el espacio de espera y su señalética.
    Correcto

    La foto apoya el artículo con el espacio real y presenta a las personas en él con naturalidad. Se pone el foco en el entorno y la actividad.

  • El mismo recorte de artículo sobre la Atención a la Ciudadanía, pero en este caso la imagen que lo acompaña es una imagen de stock. En ella, hay varias personas atendiendo al público con un micrófono. Una de ellas sonríe a cámara.
    Incorrecto

    Las personas y la escena de la foto no son reales ni se presentan con naturalidad. Se pone el foco en un protagonista, no el entorno ni la actividad.

Ilustraciones de escena

Las ilustraciones de escena buscan representar, de manera englobadora, una situación o un ambiente como apoyo al contenido.

  • Uso incorrecto. Varias ilustraciones únicamente con objetos: lupa, sala de servidores, edificio.
    Incorrecto

    Evita crear escenas que carezcan de personas e incluyan únicamente objetos, lugares o representaciones esquemáticas.

  • Uso incorrecto. Varias ilustraciones que representan estereotipos: mujer limpiando, jefe varón reunido con una mujer, trabajador escalando hacia el éxito.
    Incorrecto

    Evita situaciones estereotipadas.

  • Uso incorrecto. Varias ilustraciones que representan emociones: frustración frente al ordenador, melancolía personal, tristeza frente a pérdida.
    Incorrecto

    Evita escenas que reflejen emociones de tristeza, preocupación o estrés.

  • Uso correcto. Varias ilustraciones que representan situaciones no estereotipadas: grupo de amigos y amigas, hombre cuidando de mujer en silla de ruedas, hombre y mujer potenciando ideas personales.
    Correcto

    Las ilustraciones deben ser englobadoras y mostrar diversidad de género, racial, edad, etc., y estar alejadas de estereotipos, roles sexistas o juicios de valor.

  • Uso correcto. Varias ilustraciones que representan situaciones no estereotipadas: grupo de amigos y amigas, hombre cuidando de mujer en silla de ruedas, hombre y mujer potenciando ideas personales.
    Correcto

    De cara a crear escenas más completas y más representativas recomendamos seleccionar ilustraciones con más de una persona. Asegúrate de que exista representatividad en el género salvo que no tuviera sentido en el contexto de la escena buscada. Por ejemplo: Una referencia al servicio de ginecología.