Saltar la navegación

Texto + Imagen

En esta sección iniciaremos el tratamiento de la integración de medios como tema constituyente de la comunicación multimedia. Comenzaremos por el estudio de la articulación entre el texto y la imagen, por tratarse de los códigos simbólicos más familiares, y luego avanzaremos en el análisis y observación de las operaciones combinatorias entre los medios más complejos del multimedia: el sonido, la animación, el video y la interactividad.

A partir de la fusión de estos dos medios, convertidos en gráficos bimedia, se configuran varios recursos didácticos muy valorados en la actualidad.

En orden creciente de integración de la imagen con el texto, prestaremos atención a los siguientes temas:

  • Distribución espacial del texto
  • Síntesis del texto
  • Visualización de la información
  • Mapas conceptuales
  • Narrativa de la imagen
  • Infografías estáticas

Distribución espacial del texto

Además de disponer el texto en párrafos lineales, en los productos didácticos se suele ordenar espacialmente la información textual para que permita una identificación más rápida de su contenido.

Puede ser mediante listas de disposición vertical:

Sin ordenar, un ítem debajo de otro

1. Ordenada con números

a) Con letras

* o viñetas

1.1.1. y también con niveles taxonómicos.


O mediante tablas que comparan el contenido de dos o más columnas.

Otro recurso visual muy popular desde la aparición de la Web 2.0 son las nubes semánticas, que aumentan la expresividad del texto a partir de la posibilidad de identificar palabras claves o “etiquetas” de contenido. El tamaño y la intensidad del color son variantes gráficas para asignar distintos niveles de importancia a cada tópico.

Para realizar éstas, y todas las demás operaciones combinatorias del texto, es imprescindible realizar un adecuado proceso de síntesis.

Lectura recomendada

Aceituno, M. (2012) “La importancia de la síntesis del texto en el diseño de hipermedias didácticos”. III Congreso Europeo de Tecnologías de la Información en la Educación y en la Sociedad: Una visión crítica. Disponible en: <drive.google.com/>.

Visualización de la información

Las imágenes y las palabras orales o escritas constituyen los principales medios para representar información. Podemos usarlas complementándose entre sí o por separado.

Según cómo se integren, generan diferentes tipos de mensajes, más o menos verbales y más o menos icónicos, a los que Wileman organizó en los siguientes niveles de visualización:


1. Estructura textual

Únicamente utiliza texto para representar la información. El único recurso que podría reconocerse como visual es el tipográfico.


2. Estructura textual jerarquizada

Representa la información mediante el texto pero incluye efectos para dirigir la atención ya sea mediante la distribución espacial del texto, resaltando partes del contenido con negritas o itálicas, o con la incorporación de signos especiales o juegos de fondo y figura.

Estructura textual  Estructura textual jerarquizada 
Figura 1: Estructura textual. Figura 2: Estructura textual jerarquizada.  


3. Estructura textual con elementos gráficos

Mensajes textuales que refuerzan los conceptos utilizando imágenes con una función ilustrativa, subordinada.


4. Estructura verbal-visual equilibrada

El contenido se interpreta tanto por el medio verbal como por el icónico. La estructura redundante garantiza la comprensión.

Estructura textual con elementos gráficos Estructura verbal-visual equilibrada 
Figura 3: Estructura textual con elementos gráficos. Figura 4: Estructura verbal-visual equilibrada.  


5. Estructura visual con texto complementario

Representa la información mediante la imagen pero incluye notas breves, epígrafes, referencias o aclaraciones contextuales y/o complementarias.


6. Estructura gráfica jerarquizada

Mensajes visuales que refuerzan los conceptos utilizando recursos gráficos especiales para indicar dirección o secuencia de lectura, determinar áreas en la imagen, o jerarquías mediante valores de grosor de línea.

Estructura visual con texto complementario Estructura gráfica jerarquizada 
Figura 5: Estructura visual con texto complementario. Figura 6: Estructura gráfica jerarquizada.  


7. Estructura gráfica

Únicamente utiliza imagen para representar la información. No existen elementos gráficos de abstracción ni señales superpuestas a la representación mostrada.

Estructura gráfica  
Figura 7: Estructura gráfica.
Fuentes: Diseños: 1, 2, 4, 5 y 7) Pamela Wehrhahne. 3) <i.imgur.com/>. 6) <i.imgur.com/>.   

¿Qué es un mapa conceptual y cómo se elabora?


Fuente: e-UAEM, Espacio de Formación Multimodal de la Universidad Autónoma del Estado de Morelos. Disponible en: <www.youtube.com/>

Características formales del lenguaje del cómic

El lenguaje verbo-icónico integra los recursos expresivos de ambos lenguajes (texto y tipografía, ritmos narrativos, puesta en página, líneas, rellenos, colores, perspectiva, encuadres, ángulos de cámara, insinuación de movimiento) y además dispone de algunos recursos exclusivos, como los globos de diálogo, onomatopeyas y el montaje de las viñetas.

El Lenguaje del cómic

Fuente: <es.slideshare.net/>. Autor: Paco Contreras.

Las infografías estáticas

Una de las funciones principales de los materiales didácticos consiste en brindar acceso a la información. El diseño de la información siempre se ha valido de la integración de medios verbales e icónicos para representar los contenidos. Quizás el cambio más significativo que aconteció en los últimos tiempos sea el de la reasignación de roles de las imágenes respecto del discurso verbal. Actualmente asistimos a una inversión de jerarquías: de una función inicialmente subsidiaria, la imagen pasó a ser la protagonista y el texto el medio de anclaje, tal como lo demuestra la popularidad de las infografías.

Ejemplos de infografías

The Value of Data Visualization

Column Five Media (2012). The Value of Data Visualization. ¿Cómo se logra potenciar el conocimiento? Esta animación describe mediante gráficos vectoriales, la utilidad de la visualización de la información. El valor de la visualización de datos demuestra cómo la infografía utiliza claves visuales tales como el color, el tamaño y la orientación de las figuras para ayudar a entender conceptos complejos.

Muerte e Impuestos

Muerte e Impuestos
Un análisis visual del presupuesto estadounidense, del año 2003. El tamaño de los círculos representa la magnitud de los montos: fácil de leer y compararse. Realizado con datos directos de la Casa Blanca. Los detalles se aprecian mejor en la versión ampliada, disponible en: <mibi.deviantart.com/>.

Comparativa de ríos y montañas del mundo

Comparativa de ríos y montañas del mundo
Sugerimos ver la imagen en su tamaño original, disponible en: <www.flickr.com/>.

El impacto de las TIC en la educación

El impacto de las TIC en la educación. Clic en la imagen para ampliarla en una ventana aparte
Red Latinoamericana de Portales Educativos (RELPE) (2004). El impacto de las TIC en la educación.
Clic en la imagen para ampliarla en una ventana aparte. Disponible en: <www.relpe.org/>.