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

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


Infografia

- Origenperiodístico.- Popularizadoenelmundodigital.

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


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


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


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.


Revista Paredro


Guillermo X. Pinuer


http://www.bryanchristiedesign.com/bucherer


” 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.

”


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.


Infografía de Jaime Serra. ‘la infografía más influyente del período 1992-2012’


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


Infografía La Yerba Mate de Jaime Serra y Fernando Lagos. http://visualoop.com/infographics/green-gold


Infografía La Vanguardia Premio Malofief 2016. https://www.lavanguardia.com/cultura/20160316/40455726891/la-vanguardia-gana-dos-medallas-premios-malofiej.html


Para qué sirve?

q Resumir contenidosq Registrar informaciónq Representar datosq Comprender procesos complejosq Mostrar hechos, causas y efectosq Tomar de decisiones


Tipus d'Infografia

q Didàcticaq Informativa

- Secuencial- Descriptiva- Comparativa- Biogràfica

q Geogràficaq Estadísticaq Cronològicaq Comercial


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


http://www.nigelholmes.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.


¿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


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


www.hotbutterstudio.com


The Most Violent citiesV.isualización de Federica Fragapane https://www.behance.net/gallery/70033395/The-Most-Violent-Cities/


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


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


The Women of Data Viz. Visualización de Alli Torban https://dataviztoday.com/shownotes/28


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.


Infografía i visualización:

“La complementariedad entre presentación y exploración”[Alberto Cairo]:


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


Gracias!

Henry Naranjo Pérez

@visualHENRY

www.vissua.com


Documents

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