Syllabus of Unit Course BA Course
EDUCATION AND MULTIMEDIA
COMMUNICATION
935426 . INFOGRAPHICS
st
1 Year
2
nd
Semester
CNAEF Area Code: 213
ECTS: 7
STUDENT WORKLOAD IN HOURS
Contact
TOTAL
Theoretical
Lectures
150
Theoretical
-practical
Lectures
Laboratory
Classes
30
60
Supervised
Field Work
Seminars
Placements
Tutorials
Autonomous
60
SUMMARY
The aim of this course is to develop the students the ability to visually represent information or knowledge. Creating graphics for
translating a more accurate and dynamic content of technical manuals, educational, scientific, journalistic, tourist materials, will
be the study and research object.
COURSE CONTENTS
History of computer graphics; Fundamentals in the representation of computer graphics and practice of information design;
Visual representation. Graphic standards; Vector illustration, photography and 3d modeling as a complement to the development
of computer graphics; Static or dynamic infographics. Electronic publishing; Functional, aesthetic and cognitive principles of
information design;
Methodology in the design of computer graphics; Information display systems: graphics, pictograms and maps; Computer
graphics and media;
Infographics on the internet. The relationship of computer graphics with the different media;
The concept wayfinding; Fundamental principles in the map design;
The brand as part of a wayfinding system. The importance of branding in wayfinding systems;
Infographics in communication media for promotion / information cultural thematic routes.
RECOMMENDED OR REQUIRED READING
Required
ABDULLAH, R. e HÜBNER, R. (2006). Pictograms, Icons & Signs --‐ A Guide to Information Graphics. London: Thames and
Hudson.
ARNHEIM, R. (2002). Arte e Percepção Visual. São Paulo: Thomson Pioneira.
BERGER, C. M. (2009). Wayfinding. Designing and implementing graphic navigational systems. Suiça: Rotovision.
BRÜCKNER, H. (2004) Designing Information. Bremen: H.M. Hauschild GmbH.
GIBSON, D. (2009). The Wayfinding Handbook. Nova Iorque: Princeton Architectural Press.
LIDWELL, W. ; HOLDEN, K.; BUTLER, J. (2003). Universal Principles of Design. Massachusetts: Rockport, 2003.
MEYER, E. K. (1997). Designing Infographics. Indianapolis: Hayden Books.
MIJKSENAAR, P. (1997). Visual Function: An Introduction to Information Design. Roterdão: 010 Publishers.
MUNARI, B. (1968). Design e Comunicação Visual – Arte e Comunicação. Lisboa: Edições 70.
PETTERSSON, R. (2002) Information Design – an introduction, Amsterdam, John Benjamins Publishing Company.
TUFTE, E. (1983). The Visual Display of Quantitative Information. Cheshire, CT: Graphics Press.
Page 1 of 3 | Last Update: 09/2014 | 935426DEN.docx
TUFTE, E. (1990). Envisioning Information. Cheshire, CT: Graphics Press.
TUFTE, E. (2006). Beautiful Evidence. Cheshire, CT: Graphics Press
WILDBUR, P. e BURKE, M. (1998). Information Graphics – innovative solutions in contemporary Design. London: Thames and
Hudson.
Recommended
BAINES, P. e HASLAM, A. (2002). Tipografia: Función, Forma y Diseño. Barcelona: Ediciones Gustavo Gili, SA.
BARONI, D. (1987). Art graphique design. Paris: Editions du Chêne.
BATISTA, A. (2008). Técnicas de Ilustração Digital. Lisboa: FCA--‐ Editora de informática.
BONNICI, P.(1999). Linguagem Visual. Lisboa: Destarte.
BONSIEPE, G. (1999), Interface ‐ An Approach to Design. Holanda: Jan Van Eyck Akademie.
CAMPBELL, A. (2000). Digital Diagrams. Reino Unido: Cassel&Co.
CUNHA, L. V. (1994). Desenho técnico. Lisboa: Fundação Calouste Gulbenkian. 9a edição.
FEW, S. (2006). Information Dashboard Design: The Effective Visual Communication of Data. NY: O'Reilly Media.
HEITLINGER, P. (2006) Origens, formas e uso das letras. Lisboa: Dinalivro.
MARTINE, J. (2005). A imagem e os signos. Lisboa: edições 70.
PUÉRTOLAS, R. (2000). Producción de proyectos Gráficos. Barcelona: Elisava Ediciones.
SATUÉ, E. (1988). El diseno gráfico (desde los orígenes hasta nuestros días). Madrid: Alianza Editorial.
WONG, W. (1998). Princípios de Forma e Desenho. São Paulo: Livraria Martins Fontes Editora Ltda.
ZEEGEN, L. (2005). The Fundamentals of Illustration. Lausanne: AVA Book.
Web referencies:
http://www.aiga.org/content.cfm/clear
http://www.boxesandarrows.com/
http://www.iiid.net/
http://www.informationdesign.org/
http://www.infosthetics.com/
http://www.elpais.com/graficos/
http://www.elmundo.es/graficos/multimedia/index.html
http://www.publico.clix.pt/homepage/infografia/sociedade/panteao/panteao.asp
http://infografia24horas.blogspot.com/
http://www.infografias.cl/
http://sociedadeinfografica.wordpress.com/
http://www.designcouncil.org.uk/
http://communication.org.au/modules/home/
http://www.khulsey.com/
http://www.visualcomplexity.com/vc/
http://www.parquesdesintra.pt/
http://www.segd.org/home.html
http://visualoop.tumblr.com/
http://www.webdesignerdepot.com/2009/10/30--‐superb--‐examples--‐of--‐infographic--‐maps/
http://www.informationisbeautiful.net/
http://dzineblog.com/2009/10/27--‐beautiful--‐examples--‐of--‐infographics.html
Companies (in Portugal)
http://www.anyformsdesign.com http://www.imaisg.com/
Infographic professionals
http://www.edwardtufte.com/
Page 2 of 3 | Last Update: 09/2014 | 935426DEN.docx
http://www.albertocairo.com/infografia/articulos/2009/malofiej2009.html
http://www.johngrimwade.com/
Pictogram design
http://www.lancewyman.com/
http://www.gerdarntz.org/isotype
http://dedsign.wordpress.com/programatica/design--‐i/pictograma--‐proposta--‐de--‐orientacao/
Blogs:
http://infografando.blogspot.com/
http://www.anyformsdesign.blogspot.com
Multimedia infographics:
http://www.nytimes.com/interactive/2009/03/10/us/20090310--‐immigration--‐explorer.html
http://dsc.discovery.com/convergence/pompeii/interactive/interactive.html
http://www.youtube.com/watch?v=BCHhwxvQqxg&feature=player_embedded#!
LEARNING OUTCOMES
Visually represent information or knowledge unequivocally;
Stimulate research habits and research methodologies indispensable in the transmission of information and knowledge;
Visually describe a fact;
Understanding the tools needed to design information and stakeholders in the communication process;
Understanding the functional principles, aesthetic and cognitive information design; Wake students to fundamental concepts in
the practice of computer graphics as readability, typography and color; Deepen concepts of visual representation and design;
Create animated infographics schemes; Integrating illustration, photography, 3d modeling or text in the creation of computer
graphics; Use the appropriate software to create 2D or 3D computer graphics, static or dynamic; Understand specific languages
from various scientific fields and translate them visually.
PLANNED LEARNING ACTIVITIES AND TEACHING METHODS
Will be the preferred design work methodology from case studies. Students will be asked to carry out a set of two exercises and
a project where they will exercise the skills in the use of appropriate tools to the visual representation of infographics schemes.
CONTRIBUTION TO SPECIFIC SKILLS DEVELOPMENT
Fundamental
Complementary
Partial
Knowledge and ability to understand a training area at an advanced level; To apply the knowledge
acquired and the ability to understand, so evidencing a professional approach; Problem-solving capacity;
Manipulate the media elements: Text, Image, Graphic, Audio, Video and Animation
Ability to collect, select and interpret relevant information; Ability to communicate information, ideas,
problems and solutions, both to consist of experts and non-experts; Learning skills to a learning
throughout life with a high degree of autonomy; Development and management of multimedia projects;
Design and manage multimedia projects; Producing and directing animation projects.
Not aplicable.
ASSESSMENT METHODS AND CRITERIA
Four exercices and an individual project (divided into two phases and a Specification text).
Page 3 of 3 | Last Update: 09/2014 | 935426DEN.docx