1. 1. La infografa impresa La vida tranquila en Hawkins fiesta Yo soy espaol, espaol, espaol... S, somos los mejores, pero en PAPEL. Transicin digital de la prensa convencional: si eres infografista, te libras. Fiesta!
2. 2. La infografa impresa Friends dont lie Adobe Illustrator. Adobe Photoshop. Infografista
3. 3. Clara Penn y Jaime Serra La Vanguardia
4. 4. Fernando G. Baptista National Geographic
5. 5. La infografa impresa Sin olvidarnos de la responsable Barb Microsoft Excel. OpenOffice Calc.
6. 6. La infografa impresa Nos encanta jugar a este juego (porque siempre ganamos) Print PDF (PDF imprimible). EPS. confort
7. 7. La infografa digital esttica Un primer contacto con El Otro Lado PNG o JPG. Mejor: SVG (Scalable Vector Graphics)
8. 8. susto
9. 9. Malofiej 2017 Award The Guardian | Vagina Dispatches
10. 10. La infografa 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
11. 11. Malofiej 2017 Award The New York Times | Olympics Races
12. 12. La infografa digital animada Cuando tomas el control de la fiesta Animaciones CSS3 (tercera versin del cdigo Cascading Stylesheets y primo del HTML5). Genially, SVGator, Animation, Thinglink... luces
13. 13. Interactividad: contenido embebido Armas bsicas para entrar en El Otro Lado Vdeo: Youtube, Vimeo... Audio: Spotify, Soundcloud... Ms: gadgets, redes sociales, google maps...
14. 14. Whats Remembered from the 90s The Pudding
15. 15. Interactividad: grficos embebidos Armas ms curradas para entrar en El Otro Lado Mapas: Carto, Leaflet... Dataviz: Tableau, Datawrapper, Infogr.am... Storytelling: timeline.js, juxtapose.js, storymap.js...
16. 16. Precio de la luz en cinco grficos El Diario | Tableau
17. 17. 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 democrtico: Genially.
18. 18. Thrones Viz Giri Kuncoro, Allie Meng & Josselyn Tsai
19. 19. Las pseudoinfografas Cuando te atrapa el Demogorgon 1 Elemento visual principal no infogrfico. 2 Elemento visual principal demasiado DATAviz. 3 Demasiada interactividad para un usuario vago y con prisas. atrapa
20. 20. Elemento visual no infogrfico Fundeu | Palabra del ao 2016
21. 21. Demasiado DATAviz Periscopic | Arcos emocionales
22. 22. Demasiada interactividad The Pudding | Ciudades cerveceras
23. 23. Caso prctico: Estrategia de Huella de Carbono 2016 de Ferrovial 1 Basado en el informe (resumen). 2 Infografa esttica + digital interactiva animada. 3Resultado: premio para Ferrovial por su estrategia de Huella de Carbono 2016. practico
24. 24. Huella de Carbono 2016 de Ferrovial Ecoavantis | Esttica
25. 25. Huella de Carbono 2016 de Ferrovial Ecoavantis | Esttica
26. 26. Huella de Carbono 2016 de Ferrovial Ecoavantis | Interactiva
27. 27. Huella de Carbono 2016 de Ferrovial Ecoavantis | Interactiva
28. 28. @encarnihinojosa