Iniciativa de carácter abierto y gratuito, diseñadas, coordinada y dinamizada por María Sánchez en CAC Málaga el 13 de diciembre de 2017, como parte de las actividades del 25 aniversario del Departamento de Periodismo de la Universidad de Málaga. Más info en redes sociales, vía #tipomaster y #periodismouma, y en www.cibermarikiya.com

3. La infografía impresa
La vida tranquila en Hawkins
fiesta
··· Yo soy español, español,
español... Sí, somos los
mejores, pero en PAPEL.
··· Transición digital de la
prensa convencional: si
eres infografista, te libras.
··· ¡Fiesta!

4. La infografía impresa
Friends don’t lie
··· Adobe Illustrator.
··· Adobe Photoshop.
Infografista

5. Clara Penín y Jaime Serra La Vanguardia

7. Fernando G. Baptista National Geographic

9. La infografía impresa
Sin olvidarnos de la responsable Barb
··· Microsoft Excel.
··· OpenOffice Calc.

10. La infografía impresa
Nos encanta jugar a este juego (porque siempre ganamos)
··· Print PDF
(PDF imprimible).
··· EPS.
confort

11. La infografía digital estática
Un primer contacto con El Otro Lado
··· PNG o JPG.
··· Mejor: SVG
(Scalable Vector Graphics)

12. susto

13. Malofiej 2017 Award The Guardian | Vagina Dispatches

14. La infografía digital animada
Cuando El Otro Lado te monta una fiesta en casa
··· Se puede con
Adobe Photoshop.
··· Mejor: Adobe After Effects.
··· ¡Viva el GIF!
Pero de calidad.
animacion

15. Malofiej 2017 Award The New York Times | Olympics Races

16. La infografía digital animada
Cuando tomas el control de la fiesta
··· Animaciones CSS3
(tercera versión del código
Cascading Stylesheets y
‘primo’ del HTML5).
··· Genially, SVGator,
Animation, Thinglink...
luces

17. Interactividad: contenido embebido
Armas básicas para entrar en El Otro Lado
··· Vídeo: Youtube, Vimeo...
··· Audio: Spotify,
Soundcloud...
··· Más: gadgets,
redes sociales,
google maps...

18. What’s Remembered from the 90s The Pudding

19. Interactividad: gráficos embebidos
Armas más curradas para entrar en El Otro Lado
··· Mapas: Carto, Leaflet...
··· Dataviz: Tableau,
Datawrapper, Infogr.am...
··· Storytelling: timeline.js,
juxtapose.js, storymap.js...

20. Precio de la luz en cinco gráficos El Diario | Tableau

21. Arte final: producto digital (HTML)
Armas ‘pro’ para entrar en El Otro Lado
··· Muy ‘pro’: HTML, CSS,
Javascript y, sobre todo,
D3.js.
··· ‘Pro’ y democrático:
Genially.

22. Thrones Viz Giri Kuncoro, Allie Meng & Josselyn Tsai

23. Las pseudoinfografías
Cuando te atrapa el Demogorgon
·1 Elemento visual principal
no infográfico.
·2 Elemento visual principal
demasiado DATAviz.
·3 Demasiada interactividad
para un usuario vago y
con prisas.
atrapa

24. Elemento visual no infográfico Fundeu | Palabra del año 2016

25. Demasiado DATAviz Periscopic | Arcos emocionales

26. Demasiada interactividad The Pudding | Ciudades cerveceras

27. Caso práctico: Estrategia de
Huella de Carbono 2016 de Ferrovial
·1 Basado en el informe
(resumen).
·2 Infografía estática +
digital interactiva animada.
·3 Resultado: premio para
Ferrovial por su estrategia
de Huella de Carbono 2016.
practico

28. Huella de Carbono
2016 de Ferrovial
Ecoavantis |
Estática

29. Huella de Carbono
2016 de Ferrovial
Ecoavantis |
Estática

30. Huella de Carbono 2016 de Ferrovial Ecoavantis | Interactiva

31. Huella de Carbono 2016 de Ferrovial Ecoavantis | Interactiva

32. @encarnihinojosa