infografÍa · infografia precipitaciones mensuales acumuladas en la ciudad de barcelona 37,3 mm...

INFOGRAFÍAComposiciónyproceso

ClaraPenínGarcíaInfografista

Gráficosnofigurativos

“Lavisualizaciónoinfografíaconsisteenelusoderepresentacionesgráficasparaampliarlacognición”

AlbertoCairo

Representacionesgráficas:estadísticas,mapasy/odiagramas

GráficosfigurativosSeasemejanalarealidad Serepresentanmedianteuna‘convención’(comolalenguaescrita)

INFOGRAFÍAInformación Grafía

JUEGO

Debéiscronometrarcuantotiempotardáisenresponderalasiguientespreguntas,encuantoveáislassiguientesdiapositivas

¿Cuálfueelmesmáslluviosoduranteelaño1794?

¿Cuálfueelmesmáslluviosoduranteelaño1788?

¿Cuálfueelmesmáslluviosoduranteelaño1790?DiapositivaA

DiapositivaB

DiapositivaC

E A M J J A DNOSMF

meses

años

DiapositivaA

TABLA:InformaciónbasePrecipitacionesmensualesacumuladasenlaciudaddeBarcelona

E A M J J A DNOSMFmeses

años

TABLA+CAPADEINFORMACIÓNVISUALPrecipitacionesmensualesacumuladasenlaciudaddeBarcelona

Entre99y50mm Entre49y20mm

Leyenda

Entre149y100mm Menosde19mm

DiapositivaB

Másde150mm

INFOGRAFIAPrecipitacionesmensualesacumuladasenlaciudaddeBarcelona

37,3mm

9,9mm

33,5mm

14,9mm

148,8mm

109,1mm

0,0mm

34,7mm49,7mm

84,3mm

24,8mm

106,6mm

E A M J J A DNOSMF1794

Precipitacionesenmm

DiapositivaC

¿CÓMOSEHACEUNAINFOGRAFÍA?

Gráfico:PabloLoscri

ELEMENTOSDEUNAINFOGRAFÍA

- Título:siempreintentandosacarconclusiones

- Leyenda:todográficonecesitasupequeñaexplicación:unidades,metodología,capasdeinformación…

- Datos:aunquelagráficatengaescalaounaleyenda,sidisponemosdeellos,siempreesmuchomejorañadirlascifrasalasgráficas.Semejoralacomprensiónysefacilitalarapidezdelectura

- Mapas:Debentenerunarosadelosvientos,unaescalayelnombredelazonarepresentada(barrios,distritos,ciudades,países…)

- Ilustracionesodiagramas:Enlosgráficosfigurativoselusodeunaimagenresultanecesario.Nohayunestiloconcreto.Debeseratractiva,peroalavezútilparaloquesequiereexplicar

- Textos:Totalmenteredactadosdesdelaobjetividad.Pensadospararesaltardatososencillasexplicacionesdeaquelloquesemuestraenelgráfico.Debensercortos

- Fuente:Esmuyimportantequeaparezcalafuentedelosdatos,yaqueesoaportacredibilidadaltrabajo

ANÁLISISDEUNAINFOGRAFÍA

Gráfico:SouthChinaMorningPost

EstegráficofuecreadoporSimonScarrparamarcarelfinaldelcompromisomilitardelosEstadosUnidosenIraken2011.Másde4.800soldadosdelacoaliciónydecenasdemilesdeiraquíesperdieronlavidaenlaguerra.

17diciembre2011

ELEMENTOSDELAINFOGRAFÍA

Gráfico:SouthChinaMorningPost

Título

‘Lomásimportante’Elementoconmayorpesovisual

‘¿Quévamosaverenlainfografía?’ Textointroductorioydecontexto

‘Másdatosparalahistoria’ Gráficasyelementosqueaportaninformaciónadicional

‘Destacados’Textosqueayudanacomprenderlosdatos

‘Lascifras’ Seleccióndecifrasqueayudancompararyvalorarloqueveellector

‘Lafuenteylafirma’Procedenciadelosdatosyelautor

MUCHASGRÁFICASPARAUNAMISMAHISTORIA

Gráfico:SouthChinaMorningPost

MuertesmensualesenIrak.2003-2011

Muertesdelacoaliciónporregión

Muertesdelacoaliciónsegúnprocedencia

MuertesdecivilesTipodemuerte.De2003al2008

PresenciadetropasdeEE.UU.enIrak.De2003al2011

Civilesenrojo,ennegrolasmuertesdelasfuerzasdecoalición

GIRAR,MOVER,ESCALAR…

Gráfico:SouthChinaMorningPost

Enestecasounasimplegráficadebarrasalrotarlayescalarla,seconvierteensangrederramadasobreelpapel.

Elautorotorgaelprotagonismoaesteelementoyledaunsignificadoparaaproximarallectoraltemadelquesehabla

Base

OpciónA

OpciónB

OpciónC

Elordendelasgráficasseadjudicasegúnelrelatoquequeramoshacer

JERARQUÍA:rejillaoesquemabase

Gráfico:SouthChinaMorningPost

Alinearloselementosnosaportaestabilidadvisual,unaarmonía,quehacequeayudaaqueellectorsecentreenloimportante.Ayudaalalectura

JERARQUÍA:rejillaoesquemabase

Gráfico:SouthChinaMorningPost

Todacomposicióndebeestarmarcadaporunarejillaoesquemabase,dondetodosloselementosseapoyan

TEXTOS:pocosyselectos

Gráfico:SouthChinaMorningPost

Lostextosdebensercortosyconcisos.

Porlogeneralsiempretienenquetenerunosmínimos:- Titulo- Introducción/aclaración- Cifras- Leyendas- Fuente- Firma

CONTENIDO:lainformación

Gráfico:SouthChinaMorningPost

¿Qué?’ 113.728 muertes

Las5W(yunaH)delperiodismo

What?(¿Qué?)Who?(¿Quién/quienes?)Where?(¿Dónde?)When?(¿Cuándo?)Why?(¿Porqué?)How?(¿Cómo?)

Todainfografíadebeintentarresponderestas6preguntas

¿Quién?’ Civiles

¿Dónde?’ Irak

¿Cuándo?’ Entre 2003 y 2011

¿Porqué?’ Por una guerra

¿Cómo?’ Ejecuciones, vehículos bomba, ataques aéreos…

ELCOLORCONTIENEINFORMACIÓN

Gráfico:SouthChinaMorningPost

Elautordelgráficousaelcolorrojoparadestacartodaslasgráficasquehablandemuertesciviles,ydejaengrisestodoloquetengarelaciónconlacoalición

Elcolornosayudaa:-Agruparconceptos- Destacar- Potenciarunaidea

Simbolismodeloscolores:

Pasión,amor,dolor,peligro…

Frío,naturaleza,seriedad…

Calidez,cercanía,alerta…

Seriedad,elegancia,tristeza…

Naturaleza,cercanía…

OTROSEJEMPLOS

EJEMPLOS:laagenciadenoticiasReuters

Gráficos:Reuters

EJEMPLOS:Cielosseguros

Gráfico:SouthChinaMorningPost

EJEMPLOS:LaLuna

Gráfico:LaVanguardia

EJEMPLOS:LosbarriosdelPoblenou

Gráfico:LaVanguardia

EJEMPLOS:LaprimeracabinatelefónicadeBarcelona

Gráfico:LaVanguardia

Gráfico:Público

Gráfico:Politecnico di Milano

Gráfico:LAMOSCA

Gráfico:ElEspañolhttp://datos.elespanol.com/proyectos/airbnb/

Gráfico:South China Morning Post

Gráfico:Nicholas Felton

EJEMPLOS:DearData

Gráficos:‘DearData’postalesentreGirogiaLupiyStefaniePosavec

Gráfico:Púlico

Gráfico:PolitecnicodiMilano

EJEMPLOS:ElcasoPicasso

Gráfico:NationalGeographic

EJEMPLOS:ElcasoPicasso

Gráfico:NationalGeographic

EJEMPLOS:ElcasoPicasso

Gráfico:SouthChinaMorningPostGráfico:NationalGeographic

EJEMPLOS:ElcasoPicasso

Gráfico:Accurat

Gráfico:Peter Orntoft

Gráfico:PublicidadzumosRomantics

Gráfico:South China Morning Post

Gráfico:South China Morning Post

LASNOINFOGRAFÍAS

Gráfico:RPPNoticias

Gráfico:BBVA

Gráfico:ntmx

PROCESODETRABAJO

ELPROCESODETRABAJO

-Recopilarlainformación:Leer,analizarybuscarmásdatossobrecosasquenoentendamosoparacomplementarlosquetenemos

-Pensarenel‘qué’:Decidirqueesloquequeremoscontar

-Hacerbocetosyesquemas:Verqueopcionestienenlosdatos(versilainformaciónseexplicamejorconunasbarrasoconunquesooconunmapa)ydequemaneraseentiendenmejor

-Composición:Sobreelpapeloprobandoyaenelordenador.Marcarlosespaciosquedestinaremosacadaelemento.

-Materializacióndelainfografía:Atrabajar!!!!Probar,borrar,volveraprobar…asínomegusta…estoquedademasiadogrande…ysilogiro?Podríaprobaraquelloquedijolalocadelasinfografíasquenosdioaqueltostóndecharla…

-Eltestfinal:Lamejormaneradesabersilainfografíaestábienhecha,eshacerquealguienajenoyquedesconozcaporcompletoeltema,selaleaynosconfirmequeseentiende

Gráfico:South China Morning Post

1 2

3 4

EJERCICIOS

QUÉNECESITAMOS

- Losdatos- Papelyboliparabocetos- DrawdelLibreOffice- Mapa.SVG- Gráficasdeflourishexportadasen.SVG- Pacienciayprestaratenciónalosdetalles

Herramientas Cuadrados,círculos,líneas,dibujo,formas…

Páginas Sepuedentenervariaspáginasenunmismodocumento

Zoomdelapágina

PropiedadesColores,tiposdelíneas,transparencias,rellenos…

Herramientasdealinear

Reglas Conellaspodemoshacernosunaideadelamedidadeloselementosynosayudaaalinearloselementos

GUARDAR! Copiar,pegarycopiarpropiedades

RECURSOS

Mapasvectorialesgratuitos(editablesen.SVG):d-maps.comywikipedia(cc)

Programaspararealizarinfografías:DrawdeLibreOfficeoAdobeIllustrator,sielinstitutotienelicencia

Websdereferencia:- visualoop.com- inconsolata.com- https://multimedia.scmp.com/culture/article/SCMP-printed-graphics-memory/index.html

TutorialFlourish:www.youtube.com/watch?v=cN1Q9MusZbc

Gràciesperlavostraassistènciaisortatotselsinstituts;)

ClaraPenínGarcía

Twitter:@infovanguardia/@arake14