Oficina improvavel: infografia e visualização
25
PUiS | Oficina Improvável Infografia e Visualização Marta Pinto & Ivo Fonseca
-
Upload
marta-pinto -
Category
Education
-
view
140 -
download
1
Transcript of Oficina improvavel: infografia e visualização
PUiS | Oficina ImprovávelInfografia e VisualizaçãoMarta Pinto & Ivo Fonseca
O que é?Infografia eVisualização
O termo visualização nos últimos 25 anos fragmentou-se em diferentes áreas:
• Information Visualization;• Data Visualization;• Scientific Visualization;• Software Visualization;• Geographic Visualization;• Knowledge Visualization;• Flow Visualization;• Music Visualization.
Infografia eVisualização
“A graphic representattion is not merely a drawing, but often entails a heavy responsability when deciding on how to proceed. One does not draw a ‘graphic’ representation in a solid form; instead one constructs it and rearranges it until every relationship between the data has been revealed”. (Bertin 1967)
Infografia eVisualização
“Data and information visualization are fundamentally about showing quantitative and qualitative information so that a viewer can see patterns, trends, or anomalies, constancy or variation, in ways that other forms – text and tables – do not allow."
Infografia eVisualização
Difícil definir… texto, imagem e formas geométricas estão entrelaçados.
•Representação visual da informação;•Representação visual de dados.
Facilitar a compreensão da informação, será converter problemas complexos em imagens simples de entender.
Infografia eVisualização
Na visualização distingue-se entre
a interativa e a estática
Entre dados quantitativos e
informação qualitativa
Os dados são numéricos e
tradicionalmente representados por diagramas
abstratos
Infográficos representam a qualidade das relações dos
dados
Manuel Lima, 2012
Vamos à narrativa…Transformar a visualização em histórias e “big pictures”
Podem-se usar elementos destinados à representação dos dados.
• Tipos de dados?• Temporais?• Geográficos?• Qualitativos: texto, numéricos?• Quantitativos: numéricos puros, estatísticos?
Transformar a visualização em histórias e “big pictures”
Ou elementos que ajudam a desenhar o contexto alargado…Transformar a visualização em histórias e “big pictures”
Carlos Monteiro
“This type of graphic is normally comprised of a long stripe with a variety of elements, such as maps, uncanny clipart, miscellaneous charts, large text and bulky numbers. But despite their lavish diversity, many of these examples lack one critical trait: design excellence.”
Anatomia de uma infografia
• Investigar o tema tratado;• Dirigir ao publico alvo;• Decidir as mensagens chave a comunicar;• Encontrar a forma adequada de representação;• Considerar as limitações/possibilidades dos meios
utilizados.
Fluxo de trabalho
Fluxo de trabalho
• Infogram http://infogr.am/• Many Eyes
http://www-958.ibm.com/software/analytics/labs/manyeyes/• Raw http://raw.densitydesign.org/
Ferramentas
• Chicas Poderosas http://www.chicaspoderosas.org/ • Pedro Miguel Cruz http://pmcruz.com/ • http://drmusikman.wix.com/infografia#!• http://
www.visualcomplexity.com/vc/blog/year_info.html• http://www.visualcomplexity.com/vc/blog/?p=1138• http://www.ionline.pt/infografias• http://www.infografando.com• http://www.good.is/infographics• http://www.khulsey.com• http://infosthetics.com• http://www.johngrimwade.com• http://infographicsnews.blogspot.com• http://www.anyformsdesign.com• http://static.publico.clix.pt/homepage/infogra afi• http://www.coolinfographics.com/
Links
• Informotion: animated infographics; co-edited by Stefan Fichtel. Berlin : Gestalten, 2012. 208 p.
• Information Graphics; Sandra Rendgen, Julius Wiedemann. Taschen. 480 p.
• Tufte, Edward Rolfe, 1942- - Beautiful evidence. Cheshire (CT) : Graphics Press, cop. 2006. 213 p.
• Tufte, Edward Rolfe, 1942- - Envisioning information. Cheshire (CT) : Graphics Press, 1994 reimpr. 126 p.
• Tufte, Edward Rolfe, 1942- - The visual display of quantitative information. 2nd ed. Cheshire : Graphics Press, 2001. 197 p.
• Lima, Manuel, 1978- - Visual complexity : mapping patterns of information. New York (NY) : Princeton Architectural Press, cop. 2011. 272 p.
• McCandless, David - Information is beautiful. London : Collins, 2009. 255 p.
Referências
