Estilos Índice de páginas
Uso de imágenes
Índice de apartados de esta página
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.
-
Correcto
Las imágenes apoyan al contenido enlazado, en este caso con una previsualización del edificio que ayuda a identificar el hospital.
-
Correcto
Los iconos sirven de apoyo visual para destacar las características principales.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Incorrecto
Evita crear escenas que carezcan de personas e incluyan únicamente objetos, lugares o representaciones esquemáticas.
-
Incorrecto
Evita situaciones estereotipadas.
-
Incorrecto
Evita escenas que reflejen emociones de tristeza, preocupación o estrés.