Transcript of “Stranger Graphics o cómo pasearse por El Otro Lado de la infografía digital interactiva sin que...
- 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. La infografa impresa Friends dont lie Adobe Illustrator.
Adobe Photoshop. Infografista
- 3. Clara Penn y Jaime Serra La Vanguardia
- 4. Fernando G. Baptista National Geographic
- 5. La infografa impresa Sin olvidarnos de la responsable Barb
Microsoft Excel. OpenOffice Calc.
- 6. La infografa impresa Nos encanta jugar a este juego (porque
siempre ganamos) Print PDF (PDF imprimible). EPS. confort
- 7. La infografa digital esttica Un primer contacto con El Otro
Lado PNG o JPG. Mejor: SVG (Scalable Vector Graphics)
- 8. susto
- 9. Malofiej 2017 Award The Guardian | Vagina Dispatches
- 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. Malofiej 2017 Award The New York Times | Olympics
Races
- 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. Interactividad: contenido embebido Armas bsicas para entrar
en El Otro Lado Vdeo: Youtube, Vimeo... Audio: Spotify,
Soundcloud... Ms: gadgets, redes sociales, google maps...
- 14. Whats Remembered from the 90s The Pudding
- 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. Precio de la luz en cinco grficos El Diario | Tableau
- 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. Thrones Viz Giri Kuncoro, Allie Meng & Josselyn
Tsai
- 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. Elemento visual no infogrfico Fundeu | Palabra del ao
2016
- 21. Demasiado DATAviz Periscopic | Arcos emocionales
- 22. Demasiada interactividad The Pudding | Ciudades
cerveceras
- 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. Huella de Carbono 2016 de Ferrovial Ecoavantis |
Esttica
- 25. Huella de Carbono 2016 de Ferrovial Ecoavantis |
Esttica
- 26. Huella de Carbono 2016 de Ferrovial Ecoavantis |
Interactiva
- 27. Huella de Carbono 2016 de Ferrovial Ecoavantis |
Interactiva
- 28. @encarnihinojosa