1 

 

 

2 

    

Tema 3

Medios Gráficos y Visuales

Autores: Jesús Salinas

Adolfina Pérez Bárbara de Benito

Presentación Los medios visuales en el ámbito educativo se han estudiado desde diferentes perspectivas. Diferenciaremos entre la enseñanza de los medios visuales y los medios visuales en la enseñanza. En la primera perspectiva los medios visuales son tratados como objeto de aprendizaje, es decir, la capacidad para interpretar y crear mensajes visuales. Un ejemplo de experiencias educativas en este ámbito son aquellas relacionadas con el análisis de la publicidad, creación de mensajes, etc. Sin embargo cuando hablamos de los medios visuales en la enseñanza nos referimos al diseño y utilización de éstos con un objetivo didáctico claro, ya sea desde el profesor para lograr la eficacia didáctica (aprendizaje, retención, comprensión,…) ya sea en manos del alumno para la adquisición de conocimientos, habilidades o actitudes. En este tema trabajaremos esta última perspectiva con el objetivo de proporcionar guías para el diseño de medios visuales de calidad. Tradicionalmente los medios visuales se refieren a aquellos medios que facilitan la presentación de información a través de la combinación de imágenes y textos en un único soporte (fijo o proyectado). Cuando se habla de medios visuales para la

 

3 

enseñanza es habitual pensar en transparencias, láminas, diapositivas, modelos, etc. Sin embargo los avances tecnológicos ofrecen un gran abanico de oportunidades en relación al diseño y creación de medios visuales.

Los Medios Gráficos y Visuales La función de los medios visuales en la enseñanza La importancia de la imagen en los procesos de enseñanza-aprendizaje es relevante en muchos aspectos entre los que destacamos: Facilitan la instrucción, complementando el discurso oral con contenidos icónicos concretos de fácil comprensión que contribuyen a la fijación de los contenidos. Permiten la representación o demostración de un proceso o una realidad. Pueden simplificar o sintetizar realidades complejas (diagramas, esquemas…) Representan contenidos abstractos de forma gráfica. Las imágenes pueden resultar motivadoras ya que bien seleccionadas sensibilizan y estimulan el interés de los estudiantes hacia un tema determinado Mantienen y estimulan la atención. Permiten establecer relaciones, jerarquías,.. entre conceptos, elementos o categorías Facilitan el análisis y entendimiento de procesos. Facilitan la memorización. Permiten explicar estructuras complejas de forma simple.

 

4 

Exigen un procesamiento global de la información que contienen, y pueden producir un impacto emotivo que genere sentimientos y actitudes. Transmiten una información mayor que la que se consigue transmitir únicamente con un texto, Presentan un gran potencial comunicativo y gran poder de motivación. Se utilizan también como organizadores y por lo tanto facilitan la comunicación didáctica. Tipos de medios visuales En la literatura sobre la enseñanza y, fundamentalmente, la relativa a la tecnología didáctica, encontramos numerosas definiciones del concepto de medio así como múltiples intentos de clasificación, cada uno de ellos parte, lógicamente, de un criterio y todos pretenden ser una ayuda para su selección, los más utilizados son: Sensorialista. Toma como referencia el órgano sensorial que estimula un determinado medio. Así, habría medios auditivos, táctiles, visuales y audiovisuales. Grado de realismo. Basado en el grado con el que un medio representa la realidad. La clasificación más conocida según este criterio es la de Dale (1966). Lenguaje y código. Los medios se identificarían con los códigos: digital, icónico, analógico. Relación profesor-medio. Obtendríamos así: medios subordinados al profesor y el profesor subordinado al medio o también por el grado de elaboración. Histórico. En relación con su aparición cronológica. Administrativo

 

5 

Basados en sus dimensiones instructivas. Toman como criterio clasificador las funciones didácticas que pueden cubrir los medios: Resulta útil la clasificación propuesta por Colom, Sureda y Salinas (1988) en: ayudas instructivas y sistemas instructivos Heinich, Molenda y Russel (1993) diferencian entre medios visuales no proyectados y medios visuales proyectados.

Figura 1 Tipos de medios visuales

El desarrollo de las tecnologías de la información y la comunicación, la digitalización de la información y la expansión de Internet en los centros educativos han propiciado una nueva reconceptualización de estos medios, de tal forma que muchos de los medios considerados visuales actualmente se convierten en interactivos y multimedia. En este sentido la siguiente tabla recoge algunos ejemplos de la evolución de los medios visuales tradicionales a los digitales.

Visuales tradicionales Visuales digitales Panel, poster Poster virtual

Gráfico Gráfico interactivo Transparencias/diapositivas Presentaciones por

ordenador Fotografía Fotografía digital

Dibujos Imagen digital Mapas conceptuales Mapas conceptuales

interactivos

Tabla 1. Visuales “tradicionales” vs visuales digitales

 

6 

Póster virtual. El póster analógico es una combinación que puede incluir textos, elementos gráficos, imágenes, fotografías, colores etc. El objetivo es comunicar un mensaje llamando la atención del espectador. El uso del póster, panel, mural en el ámbito educativo es diverso, puede utilizarse para presentar un tema, para captar la atención del alumno, como recordatorio con diferentes finalidades, como proyecto de clase… Puede ser realizado por el profesor o por los propios alumnos. Las Tecnologías de la Información y la Comunicación han abierto nuevas posibilidades de explotación de este tipo de medio. Las herramientas para la creación de póster digitales permiten no sólo su composición sino la integración de diferentes elementos y recursos como textos, imágenes, vídeos, archivos de sonido o enlaces a Internet y su publicación en la red. Entre las características educativas que presenta este medio destacamos: Transmisión de información Presentación de información Creación de conocimientos Compartir conocimiento Herramienta de evaluación

 

7  Figura 2. Ejemplo de póster digital

(Fuente: http://irmadel.wordpress.com/2009/05/19/glogster/)

Gráfico Interactivo. Este tipo de imágenes tiene como objetivo la representación de contenidos abstractos como cronologías, datos, jerarquías, conceptos. Los ordenadores añaden interactividad a este tipo de imágenes posibilitando que el usuario manipule y modifique estos datos fomentando la investigación y experimentación. Por otra parte ofrecen la posibilidad de integrar elementos multimedia, convirtiendo el medio en un elemento más motivador para el alumno. Dentro de este tipo se incluyen: Todo tipo de gráficos cuyo objetivo es la representación visual

de datos numéricos (barras, líneas, dispersión, circular, superficie, radiales, pictóricos,…)

 

8 

Esquemas, son muy útiles para representar gráficamente un proceso, concepto, estructura, composición….

Organigramas, representan la estructura y la relación que existe entre los elementos que los componen, por ejemplo de una organización, un departamento…

Diagramas de flujo muestran una secuencia o proceso. Permite visualizar la relación entre los diferentes elementos representados.

Líneas de tiempo, ilustran acontecimientos cronológicos así como la relación que existe entre ellos.

Esquema de clasificación- son similares a esquemas organizacionales pero son utilizados mayoritariamente para clasificar o categorizar objetos, eventos o especies. Este tipo de esquema se usa con frecuencia para ilustrar taxonomías de plantas y animales. También se utilizan para clasificar alimentos.

Planos, mapas Tablas, contienen información numérica o datos. Presentaciones por ordenador. Las presentaciones por ordenador han venido a sustituir a las transparencias y diapositivas. Hoy en día es uno de los medios visuales más utilizado tanto en el ámbito académico como empresarial para el apoyo en la comunicación oral. Sin embargo ofrece también grandes posibilidades como medio independiente para la presentación de información, este es el caso de las presentaciones multimedia. Al igual que los póster es el resultado de la combinación de diferentes tipos de recursos (texto, imagen, video, sonido,…) El documento de lectura de Prendes se centra en este tipo de medios. Fotografía Digital. Las fotografías presentan un valor destacable para la representación de un objeto real. Son muy útiles para la representación de procesos, hechos, personas, animales, lugares, cosas. En este sentido Internet supone una fuente importante de acceso a fotografías que pueden ser utilizadas para fines instructivos.

 

9 

En la creación y utilización de fotografías es importante tener en cuenta los elementos que contiene y su relación con los objetivos formativos propuestos así como los aspectos a tener en cuenta al tomar la foto (iluminación, ángulo, balance, etc.) La fotografía digital al igual que cualquiera de los medios digitales expuestos ofrece un gran potencial en manos de los alumnos desarrollando la creatividad y la adquisición de destrezas instrumentales relacionadas con la alfabetización digital. Imagen Digital. Sus características y posibilidades son similares a las de la fotografía digital. En este tipo de imágenes se incluyen todas aquellas que han sido creadas o manipuladas a través de un programa de tratamiento de imagen, es decir, ilustraciones, dibujos, cómics,… Puede utilizarse para la representación de procesos, hechos, personas, animales, lugares cosas, etc., ya que dependiendo del nivel de complejidad y definición pueden en algunos casos presentar un alto grado de semejanza con el objeto representado o servir para simplificar una fotografía. También se pueden utilizar como elementos organizadores o con una funcionalidad de motivación. Mapas Conceptuales Interactivos. Los mapas conceptuales se incluyen dentro de la categoría de gráficos interactivos. Sin embargo por las diferentes posibilidades educativas que presentan se ha considerado conveniente tratarlos de forma separada. Los mapas conceptuales representan los conceptos y la relación existente entre ellos respecto a una temática concreta. Entre las diferentes aplicaciones educativas destacamos: Herramienta para la representación del conocimiento Herramienta para la creación de conocimiento (individual o

colaborativa) Recurso para la estructuración de materiales didácticos Medio para presentar información Herramienta de evaluación

 

10 

Además existen otro tipo de elementos gráficos que actúan como organizadores. En el documento de lectura recomendado, Prendes diferencia entre: grafismos estructurantes grafismos señalécticos viñetas el color

Diseño de Medios Visuales Principios Básicos para el Diseño de Medios Visuales Asegurar la legibilidad. Ésta dependerá de la cantidad de información que contenga la presentación, la utilización de colores adecuados, las características del texto (en cuanto a: la cantidad, el tamaño, los colores, el tipo de letra, el número de caracteres por línea, la disposición), la calidad de los recursos (imágenes, videos, sonidos), la disposición de la información. Reducir el esfuerzo para que el receptor pueda entender facilmente el mensaje que se pretende transmitir. Para ello será importante tener en cuenta los principios básicos que rigen la organización y distribución de la información así como los criterios a tener en cuenta en la creación de los diferentes elementos que integran la presentación. Incrementar la participación. No se trata de la actividad que se realice con el medio sino la actividad que provoca. Para ello puede resultar útil el esquema propuesto por Llorente:

Presentar el problema Dejar que los hechos formulen preguntas Dar oportunidad para llegar a una solución Presentar el medio como respuesta a esa pregunta

Focalizar la atención mediante los organizadores gráficos. Realismo. Los avances tecnológicos han provocado una evolución en el desarrollo de medios visuales, de tal forma que se acerca cada vez más a la reproducción de situaciones u objetos reales, este es el caso de la realidad virtual.

 

11 

Imagen móvil y ritmo de lectura. Los medios visuales fijos permiten que cada receptor pueda seguir su propio ritmo y orden de lectura. Al crear presentaciones o póster digitales se deberá tener en cuenta que algunos de los recursos multimedia como el vídeo o el audio marcan el ritmo de lectura y por lo tanto habrá que estructurarlos según su importancia y dificultad para asimilar la información que transmiten. Por otra parte los organizadores gráficos (flechas, recuadros, números, colores,etc.) ayudan a fijar el orden de exploración secuencial. Seleccionar cada uno de los diferentes tipos de elementos que los integran en base a la función educativa y comunicativa que poseen. Consistencia. El estilo (tipo de letra, imágenes, colores, disposición de la información, etc.) debe responder a las características de los destinatarios. Organización Visual de la Información Una vez seleccionados y creados los diferentes elementos que compondrán el póster se deben tener en cuenta una serie de aspectos relacionados con la organización de la información (Heinich, Molenda, Russell, Smaldino, 1999): Alineación. El barrido visual (izquierda-derecha, arriba-abajo) orienta al diseñador sobre cómo colocar la información. Así por ejemplo: El título se coloca en la parte superior La información secundaria en la parte inferior La información básica a la izquierda La información complementaría o de motivación a la derecha La alineación de los objetos ayudan a una mejor percepción, por ello resulta útil la utilización de cuadrículas o trazar una línea imaginaria sobre los ejes de los objetos dispuestos y colocarlos según estas líneas. Formas. La distribución de la información en base a una forma que resulta familiar para el observador facilita la captación y lectura del mensaje. En este sentido pueden utilizarse formas

 

12 

geométricas (cuadrado, círculo o triángulo) o algunas letras del alfabeto como Z, L, T o U.

Figura 3. Ejemplos de utilización de formas para la disposición de información La regla de los tres tercios facilita la colocación de los objetos (figura 3), Los elementos que se colocan en cualquiera de las líneas divisorias crean un sentido de movimento. La posición más dinámica y dominante es en cualquiera de las intersecciones de la líneas, especialmente en la intersección de la extrema izquierda. El punto menos interesante es en el medio

Figura 4. Regla de los tres tercios

 

13 

Balance. El balance o equilibrio se logra cuando los elementos están distribuidos equitativamente en cada lado de un eje (vertical, horizontal o ambos). El balance puede ser: simétrico, asimétrico o radial.

Figura 4. Tipos de balances Deben evitarse los visuales sin balance, es decir, aquellos que usan elementos colocados de forma desproporcionada. El balance asimétrico o informal no significa que no tenga equilibrio, su uso es aconsejable ya que llama más la atención y da más dinamismo. Colores. El uso de colores puede ayudarnos en la distribución de elementos, ya sea mostrando su relación, agrupándolos, indicando el orden de lectura,... Por otra parte la combinación de colores usados es un elemento clave en el diseño de los medios visuales. Para ello suele recomendarse la utilización del círculo cromático ya que la combinación de un color con su complementario suele resultar armoniosa. Pero el color no sólo realza y enriquece los diseños gráficos sino que atrae la atención y causa impacto, por ello es importante tener en cuenta la respuesta emocional que provocan, p.e. el color azul, verde y violeta son colores fríos; el color rojo y anaranjado son calientes o cálidos. Principio de proximidad. El principio de proximidad puede orientar en la ubicación de los diferentes elementos ya que los elementos que se encuentra cercanos se presupone que guardan alguna relación.

 

14 

Direccionalidad. La utilización de formas geográficas o letras del alfabeto para distribuir la información en el póster orientan sobre el orden de lectura. También pueden utilizarse organizadores gráficos o numeraciones para indicar la relación entre los elementos y el orden de lectura. Espacios en blanco y márgenes. Debe distribuirse la información de forma que no sature la percepción, dejando los espacios blancos y márgenes necesarios. Animaciones. Las presentaciones digitales al contrario de las impresas permiten incorporar animaciones que dan más dinamismo e interactividad, sin embargo es importante al diseñarla tener en cuenta su distribución, si va a ser impresa deberían evitarse las animaciones ya que al imprimirla podría faltar información.

Creación de una Presentación Virtual Guía de buenas prácticas para el desarrollo de una presentación virtual Cualquier proceso de diseño de presentaciones o póster virtuales educativos debería tener en cuenta los siguientes puntos: Definición de los objetivos y delimitación de la idea principal a transmitir. Describir la audiencia a las que nos dirigimos: edad, conocimientos sobre el tema, grado de especialización, intereses,… Selección y planificación de la información (contenidos) a transmitir. Identificación de los elementos que se utilizarán para la transmisión de información. Contexto de uso: estrategia didáctica en la cual se insertan, espacio físico,…

 

15 

Elaboración del guión. Consiste en la creación de un esbozo o borrador de la presentación. Es un elemento importante del diseño porque sirve para la toma de decisiones sobre qué recursos incluir y cómo se dispondrán en la presentación. En el caso de los medios visuales un guión como el de la figura 5 puede resultar de utilidad.

Figura 5. Ejemplo de storyboard para creación de presentaciones

Diseño y creación de los diferentes elementos: textos, imágenes, gráficos, títulos, vídeos, etc. Se deberán tener en cuenta las especificaciones técnicas recomendables para cada uno de ellos. Una orientación sobre estas especificaciones están recogidas en el documento “integración de recursos”. Integración de recursos siguiendo las recomendaciones relacionadas con los principios básicos para el diseño de medios y la organización y distribución de la información. Evaluación permite asegurarnos que la presentación elaborada responde a los objetivos planteados.

 

 

 

Representación Visual

Nombre del póster:

Descripción de los elementos y consideraciones técnicas

 

16 

Herramientas para la creación de presentaciones y poster virtuales En relación a las diferentes aplicaciones y herramientas que pueden utilizarse para la creación de presentaciones o póster virtuales diferenciamos entre:

Tabla 2. Herramientas para la creación de presentaciones y póster digitales

TIPO DE RECURSO EJEMPLOS DE HERRAMIENTASTratamiento de imágenes digitales

Inkscape GIMP Photoshop Xn View Corel Paint Shop Pro

Creación de presentaciones

Powerbullet Keynote (para Mac) MaxMedia (para windows) Powerpoint OpenOffice

Publicación de presentaciones/creación de presentaciones online y publicación

Slideshare SlideServe ZohoShow SlideRocket 280Slides Slideboom Scribd

Creación de póster digitales

Webposter Glogster Scrapblog

Creación de gráficos, esquemas y mapas

FreeMind (mapas mentales) MindMeister (mapas mentales) bubbl.us (mapa conceptual o esquema) cmaptools (mapa conceptual) Inspiration (mapa conceptual o esquema) VUE (Visula Understanding Environment) MicrosoftOffice OpenOffice Cronos (línea de tiempo) Smartdraw (todo tipo de gráficos) TimelineMaker (línea de tiempo)