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