Infografía Digital es un Optativo de Profundización (OPR) a cargo de los profesores Jorge Cortés y Felipe Cortez.
Este optativo está dirigido a estudiantes de Diseño, y otras disciplinas, que se interesen en la representación gráfica digital, interactiva y dinámica como medio de transmisión del conocimiento, con especial atención a los recientes avances de la narración visual impulsados desde el periodismo.
La información contenida en este repositorio será complementada con el uso de Canvas: https://cursos.canvas.uc.cl/courses/56995
Según Calendario de Actividades Académicas y Estudiantiles 2023, las clases del primer semestre comienzan el día lunes 6 de marzo y finalizan el viernes 30 de junio.
Considerando los días martes entre 7 de marzo y 27 de junio, proyectamos el siguiente clase a clase:
Clase 01 → 07/03/2023 → Aprender y enseñar con gráficos ✓
Clase 02 → 14/03/2023 → Gráficos figurativos, no figurativos y mixtos ✓
Clase 03 → 21/03/2023 → Infografía, infografistas y nuevas tecnologías ✓
Clase 04 → 28/03/2023 → Infografías con SVG ✓
Clase 05 → 04/04/2023 → Infografías con SVG en HTML ✓
Clase 06 → 11/04/2023 → Evaluación Nº1 → Desafío de infografía con SVG en HTML ✓
Clase 07 → 18/04/2023 → Introducción a HTML, SVG y CSS
Clase 08 → 25/04/2023 → HTML, SVG y CSS
Clase 09 → 02/05/2023 → Receso de docencia bimestral (se suspenden las clases; las evaluaciones académicas quedarán suspendidas entre el martes 2 y el lunes 8 de mayo inclusive)
Clase 10 → 09/05/2023 → Evaluación Nº2 → Pendiente (está justo entre la vuelta de un receso y el último plazo para realizar el retiro de un curso de la carga académica semestral)
Clase 11 → 16/05/2023 → Definición de temática, subtemáticas y grupos para el trabajo final
Clase 12 → 23/05/2023 → Evaluación Nº3 → Avance de investigación, redacción linear y bocetaje para gráficos
Clase 13 → 30/05/2023 → Implementación de gráficos con SVG para pantallas angostas (a evaluar como parte del proceso)
Clase 14 → 06/06/2023 → Implementación de gráficos con SVG para pantallas anchas (a evaluar como parte del proceso)
Clase 15 → 13/06/2023 → Despliegue de gráficos con SVG en HTML (a evaluar como parte del proceso)
Clase 16 → 20/06/2023 → Ajustes de HTML, SVG y CSS (a evaluar como parte del proceso)
Clase 17 → 27/06/2023 → Evaluación Nº4 → Proceso y Entrega final
Para el desarrollo del curso, cada estudiante debería contar con:
-
Computador
-
Dos navegadores web: Chrome y Firefox ¡No trabajaremos con Safari!
-
Una cuenta personal en GitHub
-
Un editor de código fuente (Sublime Text o Phoenix Code Editor)
-
Un editor de gráficos vectoriales (Adobe Illustrator o InkScape)
-
Un editor de gráficos rasterizados (Adobe Photoshop o GIMP)
- Adolfo Arranz - https://www.instagram.com/adolfux/
- Alberto Cairo - http://albertocairo.com/
- Marco Hernández - https://mhinfographics.com/
- Nigel Holmes - http://www.nigelholmes.com/
- Giorgia Lupi - http://giorgialupi.com/
- Isabel Meirelles - https://isabelmeirelles.com/
- Simon Scarr - http://www.simonscarr.com/
- MALOFIEJ AWARDS: The Pulitzers for infographics, organized by the Society for News Design Spain (SNDE).
- REUTERS GRAPHICS: A collection of recent work from the Reuters Graphics team.
- SCMP Infographics: The Collection of graphics made by The South China Morning Post.
- SCMP Printed Graphics: Here are some of our favourite full-page infographics as they appeared in the newspaper.
- The New York Times Graphics: Data visualization, maps and other visual journalism from The New York Times Graphics Desk.
Cairo, Alberto (2011). El arte funcional: Infografía y visualización de información. Madrid: Alamut
Cairo, Alberto (2008). Infografía 2. 0: Visualización Interactiva de Información en Prensa. Madrid: Alamut.
Meirelles, Isabel (2013). Design for Information: An Introduction to the histories, theories, and best practices behind effective information visualizations. Beverly, MA: Rockport Publishers.
Cairo, Alberto (2017). NERD journalism. How Data and Digital Technology Transformed News Graphics. Barcelona: Universitat Oberta de Catalunya.
Errea, Javier (2017). Visual Journalism: Infographics from the World's Best Newsrooms and Designers. Berlin: Gestalten
Finke, T., Manger, S., & Fichtel, S. (2012). Informotion: Animated infographics. Berlin: Gestalten.
Franchi, Francesco (2013). Designing News: Changing the World of Editorial Design and Information Graphics. Berlin: Gestalten
Frascara, Jorge (2006). El diseño de comunicación. Buenos Aires: Infinito.
Roam, Dan (2008). The Back of the Napkin: Solving Problems and Selling Ideas with Pictures. Portfolio
Wiedemann, Julius (2016) National Geographic Infographics. Colonia: Taschen.