Las claves de la Infografía y la visualización · Tipus d'Infografia q Didàctica q...

Las claves de la Infografía y la visualizaciónHenry Naranjo Pérez. Vissua.com

@visualHENRY

Barcelona, 16 de enero de 2019

LeonardoDaVinci.Detallelibrodenotas

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

Infografia

- Origenperiodístico.- Popularizadoenelmundodigital.

Herramientavisualdepresentacióndelainformación:§ Relaciónimagentexto.§ Síntesisvisual§ Objetividad

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

InfografíaElPais.Autores:RodrigoSilva,HeberLongás,AntonioAlonso,RafaFerrer,ÁngelNava,NachoCatalán,CovadongaF.Esteban

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

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

Revista Paredro

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

Guillermo X. Pinuer

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

http://www.bryanchristiedesign.com/bucherer

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

” 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

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

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

https://www.good.is/infographics/transparency-the-largest-bankruptcies-in-history#open

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

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

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

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

Infografía de Chiqui Esteban. http://www.chiquiesteban.com

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

http://www.nigelholmes.com

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

¿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

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

www.hotbutterstudio.com

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

Eleanor Lutz https://culturacientifica.com/app/uploads/2015/10/12-16-14.gif

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

Planetearth Visualización de Federica Fragapane https://www.behance.net/gallery/45322159/Planet-Earth/

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM

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

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

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

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

Gracias!

Henry Naranjo Pérez

@visualHENRY

www.vissua.com

LAS CLAVES DE LA INFOGRAFIA. HENRY NARANJO PEREZ. VISSUA.COM