Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa -...
Transcript of Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa -...
![Page 1: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/1.jpg)
Las claves de la Infografía y la visualizaciónHenry Naranjo Pérez. Vissua.com
@visualHENRY
Barcelona, 16 de enero de 2019
![Page 2: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/2.jpg)
LeonardoDaVinci.Detallelibrodenotas
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 3: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/3.jpg)
Información + Grafía
Gráfica informativa
Informational Graphis
Representación visual de la información
?
Diseño de la información visual
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 4: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/4.jpg)
Infografia
- Origenperiodístico.- Popularizadoenelmundodigital.
Herramientavisualdepresentacióndelainformación:§ Relaciónimagentexto.§ Síntesisvisual§ Objetividad
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 5: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/5.jpg)
InfografíaElPais.Autores:RodrigoSilva,HeberLongás,AntonioAlonso,RafaFerrer,ÁngelNava,NachoCatalán,CovadongaF.Esteban
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 6: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/6.jpg)
Infografía. Componentes.
Enloformal:§ Dibujo,Ilustración,Fotografía§ Diagramas,Esquemas,Mapas,Gráficos§ Iconos,Símbolos,Pictogramas.§ Estructuracompositiva§ Códigosdecolor
Enelcontenido§ Textobreve§ Datoscualitativosycuantitativos§ Descripciones,secuencias,narraciones.
RELACIONAR– CONFRONTAR- DECIDIR
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 7: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/7.jpg)
No es infografía
q Una imagen con un pie de fotoq Una ilustraciónq Una historieta gráfica o cómicq Un gráfico de Excelq Un pictograma, símbolo o iconoq Un cartel anunciadorq Un dibujo decorativoq Un listado de palabras acompañados de
una o más imágenes.
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 8: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/8.jpg)
Revista Paredro
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 9: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/9.jpg)
Guillermo X. Pinuer
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 10: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/10.jpg)
http://www.bryanchristiedesign.com/bucherer
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 11: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/11.jpg)
” La infografía es la gestión visual de datos y contenidos estructurados,que representados gráficamente
facilitan la comunicación, la comprensión
y el conocimiento.
”
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 12: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/12.jpg)
Unabuenainfografía.
q Síntesis visual y de contenido.q Emplea datos.q Fácil de comprender.q Permite percibir todo un contenido en un solo espacio.q Utiliza el binomio texto-imagen.q Es unitaria formalmente.q Muestra una línea narrativa y estructura de lectura.q Emplea color como elemento de comunicación y codificación.q Huye de la subjetividad y la simple decoración.q Utiliza las leyes visuales para organizar y enfatizar contenido.q Funciona como una pieza autónoma de comunicaciónq Permite establecer relaciones entre sus elementos.q Orientada a la información más que a la opinión.
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 13: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/13.jpg)
Infografía de Jaime Serra. ‘la infografía más influyente del período 1992-2012’
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 14: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/14.jpg)
https://www.good.is/infographics/transparency-the-largest-bankruptcies-in-history#open
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 15: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/15.jpg)
Infografía La Yerba Mate de Jaime Serra y Fernando Lagos. http://visualoop.com/infographics/green-gold
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 16: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/16.jpg)
Infografía La Vanguardia Premio Malofief 2016. https://www.lavanguardia.com/cultura/20160316/40455726891/la-vanguardia-gana-dos-medallas-premios-malofiej.html
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 17: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/17.jpg)
Para qué sirve?
q Resumir contenidosq Registrar informaciónq Representar datosq Comprender procesos complejosq Mostrar hechos, causas y efectosq Tomar de decisiones
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 18: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/18.jpg)
Tipus d'Infografia
q Didàcticaq Informativa
- Secuencial- Descriptiva- Comparativa- Biogràfica
q Geogràficaq Estadísticaq Cronològicaq Comercial
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 19: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/19.jpg)
Infografía de Chiqui Esteban. http://www.chiquiesteban.com
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 20: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/20.jpg)
http://www.nigelholmes.com
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 21: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/21.jpg)
A tener en cuenta al crear infografías:
§ Jerarquizar.§ Contrastar.§ Contextualizar.§ Crear una estructura compositiva. § Agrupar por unidades de contenido.§ Establecer un hilo narrativo.§ Evitar usar tablas.§ No abusar del color.§ Texto el necesario.§ No utilizar más de dos tipografías.§ Evitar en lo posible las leyendas o claves.§ Huir de los elementos sólo decorativos.§ Rigor en los gráficos y en las imágenes.§ No olvidar un titular destacado.
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 22: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/22.jpg)
¿Y la visualización de datos?
La gestión visual de datos a través de la representación digital interactiva.
Utiliza lenguaje codificado (programas).
Crea las condiciones para profundizar en una idea.
• Invita a la participación. Predomina el dinamismo interactivo. • Facilita la representación de múltiples variables• Estimula el pensamiento multidireccional.
El usuario toma un papel activo:Generación dinámica de conocimiento
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 23: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/23.jpg)
Datos/Información/Conocimiento(RobertLogan)
Datos.Los hechos puros y sencillos sin más estructura que la disposición en tablas, bases de datos o archivos.
Información.Un dato estructurado y procesado, que agrega significado y proporciona contextos.
ConocimientoLa información utilizada estratégicamente para conseguir los objetivos.
Sabiduría.La capacidad de procesar el conocimiento haciéndolo propio, estableciendo nuevas relaciones para generar más conocimiento
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 24: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/24.jpg)
www.hotbutterstudio.com
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 25: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/25.jpg)
The Most Violent citiesV.isualización de Federica Fragapane https://www.behance.net/gallery/70033395/The-Most-Violent-Cities/
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 26: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/26.jpg)
Eleanor Lutz https://culturacientifica.com/app/uploads/2015/10/12-16-14.gif
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 27: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/27.jpg)
Planetearth Visualización de Federica Fragapane https://www.behance.net/gallery/45322159/Planet-Earth/
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 28: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/28.jpg)
The Women of Data Viz. Visualización de Alli Torban https://dataviztoday.com/shownotes/28
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 29: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/29.jpg)
Unabuenavisualización
q El contenido como eje fundamentalq Un objetivo concreto.q Permite una fluida interacción facilitando le exploraciónq Muestra comparaciones, diferencias, contrastes.q Altamente multivariante.q Muestra las relaciones de causalidad. q Debe estar documentada, datos referenciales, escalas utilizadas.q Debe ser comprensibleq Representa datos, información, más que opinión.
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 30: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/30.jpg)
Infografía i visualización:
“La complementariedad entre presentación y exploración”[Alberto Cairo]:
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 31: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/31.jpg)
Algunasherramientasonline
Piktochart: Elija un tema, arrastre iconos, añada datos y texto.Infogr.am: Permite importar datos, generar gráficas e incluirlas en una infografía.Easel.ly: Funciona de forma similar a piktochart.Venngage: Incluye reporte de analítica.Canva. Herramienta muy cuidada para diseñoGoogle Fusion Tables. Pensada para manejar cantidades gigantescas de datos.CartoDB: Servicio almacenar y visualizar datos geográficos en en la “nube”Tableau Public: Ofrece una cuenta gratuita para visualizar conjuntos de datos.
Software libre profesional plataformas Linux, Windows, Mac:
Mapa de bits, retoque fotográfico: Gimp, KritaDibujo vectorial: Inkscape, Xara Xtreme, KarbonCartografía: Open Street Map
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM
![Page 32: Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q Informativa - Secuencial - Descriptiva - Comparativa - Biogràfica q Geogràfica q Estadística](https://reader034.fdocumento.com/reader034/viewer/2022042204/5ea665073c4ec3799d6c3047/html5/thumbnails/32.jpg)
Gracias!
Henry Naranjo Pérez
@visualHENRY
www.vissua.com
LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM