infografêas vi etas y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas...
TRANSCRIPT
![Page 1: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/1.jpg)
D.G. Fabián Uribe RoaPonentes:
D.G. Carlos Jacinto Sosa
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
![Page 2: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/2.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Que es el lenguaje visual• Características del lenguaje visual• Elementos básicos del lenguaje visual• Signos visuales• Lenguaje y comunicación visual• Lenguaje visual en los niños
2. LA VIÑETA
• Que es una viñeta• Caracteristicas
![Page 3: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/3.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
Cual es nuestro objetivo de comunicación
A quien nos vamos a dirigir • Publico con determinada edad, sector geográfico, etc
Como • Que debemos comunicar y a través de que medio• Visualización de datos
3. LA INFOGRAFÍA
• Que es una infografía• Historia de la infografía
![Page 4: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/4.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
En que medio • La salida de esta infografía, como impreso o digital
Gráficos más usados • Diagrama de flujo• Bullets• Mapas• Barracas• Gráficas
Herramientas para hacer infografías (online)
http://www.easel.ly
https://infogr.am
![Page 5: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/5.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• El lenguaje visual
Desde que nacemos nos vemos rodeados de mucha información visual que asimilamos de forma natural. A lo largo de su historia, el ser humano siempre ha utilizado signos, señales y símbolos como medio de comunicación.
![Page 6: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/6.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• El lenguaje visual
Pero fue en el siglo XX donde se vio la necesidad de establecer unos signos convencionales, que permitiesen captar un mensaje rápidamente y con facilidad, al mayor número de personas posible, superando incluso al lenguaje escrito, por su rapidez de lectura
![Page 7: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/7.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• El lenguaje visual
Es un sistema de comunicación que utiliza las imágenes como medio de expresión, es decir, transmite mensajes visuales. Frente al escrito o al verbal, el lenguaje visual no tiene normas específicas absolutamente estructuradas. Su aprendizaje se realiza de forma automática y no formal.
![Page 8: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/8.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Características del lenguaje visual
Sistema de comunicación más antiguo que se conoce.
-Característica de inmediatez: No es necesario aprender a descodificarlo.
-Facilidad de penetración: Cuesta menos esfuerzo entender el lenguaje visual que aprender el lenguaje escrito.
-Generalmente es de carácter universal.
-Es el lenguaje con mayor parecido a la realidad pero no es la realidad
![Page 9: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/9.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Elementos básicos del lenguaje visual
Forma estructura exterior de un objeto con la cual se puede identificar y diferenciar de otros objetos. Las Formas pueden ser simples (figuras geométricas) o complejas (animal, árbol, letras).
Color posee abundantes cualidades, mediante las que se pueden expresar y comunicar numerosos mensajes.
![Page 10: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/10.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Elementos básicos del lenguaje visual
Textura ofrece información sobre la superficie de los objetos (rugosa, lisa, frío…)
Imagenes que representan la realidad como las fotografías, y otras imágenes que la representan pero no son la realidad.
![Page 11: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/11.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Signos visuales
Es cualquier cosa que representa a otra a través del lenguaje visual.
Huella o señal Icono Símbolo
![Page 12: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/12.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Lenguaje y comunicación visual
La comunicación visual es un proceso de elaboración, difusión y recepción de mensajes visuales.
EMISOR
MEDIO O CANAL
RECEPTORMENSAJE(imagen)
![Page 13: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/13.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
1. EL LENGUAJE VISUAL
• Lenguaje visual en los niños
La educación visual es la que prepara al niño para pensar, comprender y comunicarse mediante el lenguaje visual.
Además, prepara al niño para cualquier tipo de aprendizaje basado en la observación directa o indirecta y estructura procesos tan importantes como la asociación de ideas.
Si ampliamos la educación visual del alumno, favorecemos una mejora de las imágenes y una entrada mayormente estructurada y organizada de las percepciones que estos reciben.
![Page 14: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/14.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
2. LA VIÑETA
• Que es una viñeta
En la edición de los primeros libros se utilizaban recuadros con ilustraciones que iniciaban una página y estas se conocían como viñetas.
![Page 15: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/15.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
2. LA VIÑETA
• Que es una viñeta
Las viñetas actualmente son un instrumento gráfico, nos ayudan a elaborar listas con las que resaltamos los detalles principales de un párrafo, a la vez que lo hacemos más atractivo visualmente.
![Page 16: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/16.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
• Que es una infografía
Gráficos fijos o animados que combinan textos y elementos visuales con el fin decomunicar información precisa sobre variadas temáticas.
La forma en que los transmiten debe ser amena, sintética y visual, facilitando la comprensión de información árida o compleja y estimulando al interés del lector, que de un golpe de vista puede seleccionar en ellas lo que le interesa, lo que ya conoce y lo que no.
![Page 17: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/17.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
• Que es una infografía
Son más sintéticas que los vídeos, más narrativas que un esquema, más atractivas que las tablas de datos, más exploratorias que las presentaciones tradicionales y, a diferencia de los textos escritos, permiten visualizar la información que presentan.
![Page 18: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/18.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
• Que es una infografía
Hay formatos estáticos, animados, impresos o digitales, integrando elementos multimedia y a menudo interactividad, las infografías ofrecen muy variadas posibilidades de explotación didáctica.
![Page 19: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/19.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 20: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/20.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 21: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/21.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 22: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/22.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 23: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/23.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
• Historia de la infografía
Las pinturas egipcias pueden ser unas de las primeras infografías.
![Page 24: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/24.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
• Historia de la infografía
Leonardo DaVinci uno de los mas grandes artistas e inventor trabajo la visualización de muchas de sus ideas e información como infografías.
![Page 25: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/25.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 26: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/26.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
3. LA INFOGRAFÍA
![Page 27: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/27.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
• Cual es nuestro objetivo de comunicación • A quien nos vamos a dirigir • Como lo haremos
![Page 28: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/28.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
En que medio • impreso o digital
Gráficos más usados • Diagrama de flujo• Bullets• Mapas• Barracas• Gráficas
![Page 29: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/29.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
Herramientas para hacer infografías (online)
EaselLY http://www.easel.ly/ A partir de Plantillas complejas es posible crear nuestras propias infografías. Basta con arrastrar y soltar dentro de la infografía, fondos, cuadros de texto, formas (líneas, figuras geométricas, etc) o íconos; así como importar imágenes. Las infografías finales se pueden exportar en formato pdf, jpg, o png.Inglés / Gratuito / En línea / Requiere estar registrado.
PIKTO chart http://piktochart.com/ Herramienta para elaborar infografías en línea a partir de plantillas. Ofrece varios elementos gráficos que se integran en la infografía con solo arrastrarlos y soltarlos en la ubicación deseada. Aunque la versión gratuita ofrece pocas plantillas y no tiene habilitadas todas las funcionalidades, si permite iniciarse en la elaboración de este tipo de organizador gráfico. Las infografías se pueden descargar en formatoPNG.Inglés / Gratuito / En línea / Requiere estar registrado.videos y mapas.
![Page 30: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/30.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
4. COMO HACER UNA INFOGRAFÍA
Herramientas para hacer infografías (online)
Infogr.am http://infogr.am/ Servicio en línea, fácil de usar, que permite crear, compartir y explorar infografías y gráficos. Basta con seleccionar una Plantilla prediseñada y agregarle gráficos, videos y mapas. Ofrece código embebido para integrar fácilmente las infografías en los blogs personales.Inglés / Gratuito / En línea / Requiere estar registrado.
Creately https://creately.com/app/# Aplicación completa y de uso sencillo con la cual, además de generar varios tipos de diagramas, se pueden crear infografías. Se basa en Plantillas que una vez cargadas se modifican agregando, quitando o cambiando elementos.Inglés / Gratuito / En línea / NO Requiere estar registrado.
![Page 31: INFOGRAFêAS VI ETAS Y - cad.unam.mx€¦ · verbal, el lenguaje visual no tiene normas específicas ... comprensión de información árida o compleja y estimulando al interés](https://reader030.vdocuments.co/reader030/viewer/2022021620/5bb87cae09d3f2930f8c56ec/html5/thumbnails/31.jpg)
VIÑETAS Y
OTROS GRÁFICOS
INFOGRAFÍAS
HACIA U
NA PUBLICACIÓN INFANTIL EN CIENCIA Y TECNOLOGÍA
¡GRACIAS!