• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introdução à Infografia
 

Introdução à Infografia

on

  • 1,921 views

In this class I introduce students to the infographics world and its several approaches and contexts.

In this class I introduce students to the infographics world and its several approaches and contexts.

Statistics

Views

Total Views
1,921
Views on SlideShare
1,792
Embed Views
129

Actions

Likes
10
Downloads
0
Comments
0

6 Embeds 129

https://assets.txmblr.com 66
http://elcomunicadordominicano.blogspot.com 50
http://wendsman.tumblr.com 8
http://www.linkedin.com 2
https://www.tumblr.com 2
http://www.elcomunicadordominicano.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introdução à Infografia Introdução à Infografia Presentation Transcript

    • Instituto Politécnico do Cávado e Ave Escola Superior de TecnologiaProfessor Leonardo Pereira Ano Curricular - 2011 | 2012 DESENHO COMPUTACIONAL II Curso de Design Gráfico - 2º Ano | 2º Semestre Aula 09 1. INTRODUÇÃO À INFOGRAFIA
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira00Sumário - Introdução à Infografia01. O que é a Infografia e para que serve02. Recursos utilizados em Infografia03. Aplicações da Infografia04. Autores contemporâneos a visitar05. Referências e websites a visitar06. Trazer na próxima aula07. Referências Bibliográficas e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira01O que é a Infografia e para que serve e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira O que é a Infografia? The Three-Trillion Dollar WarInfografia desenhada pela Good Magazine, com base no livro Three Trillion Dollar War: The True Cost of the Iraq Conflict “, para ilustrar os custos reais da querra do Iraque. A Infografia é um recurso de apresentação e ilustração de informação que recorre a uma combinação de imagens sintéticas, ícones e texto para comunicar visualmente dados e informação complexos, de uma forma imediata, facilitada e compreensível. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira O que é aInfografia? Dito de uma forma resumida... A Infografia é a representação visual e gráfica de informação, dados e situações complexas! e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Para que Serve pra “munta cousa”: serve a Facilitar a compreensão e interpretação de informação e dados que, quando apenasInfografia? apresentados sob forma de texto, se tornam dificeis de compreender e demorados na sua interpretação para os leitores. Enriquecer visual e conceptualmente uma informação que normalmente é apresentada sob a forma de texto. “Embelezar” e tornar mais agradável a experiência de interpretação de dados e informa- ção em suportes impressos e digitais. http://www.infographicsshowcase.com/ http://trendland.net/wp-content/up- http://www.goncharov.fatal.ru/ http://caroleguevin.com/images/09/ wp-content/uploads/2010/01/freeway- loads/2010/03/the-beauty-of-infograph- goncharov.fatal.ru_mos_metro_ wp/50infographics.jpg infographic.png ics-3.jpg passengers_2010-english.gif e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Para que serve aInfografia? Dito de uma forma resumida... Representar (dados); Descrever; Ilustrar; Explicar, um conceito, um objecto ou uma situação; Simplificar a apresentação de dados e situações complexas. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira02Recursos utilizados em Infografia e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira RecursosInfográficos Para além de texto, imagens, ilustrações e ícones, a Infografia utiliza um conjunto de sistemas de visualização e apresentação de dados que se podem dividir nas seguintes categorias: • Gráficos: • Mapas; • Tabelas; • Diagramas ilustrados; • Etc... e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira RecursosInfográficos Gráficos Os gráficos são dos sistemas infográficos mais utilizados e apresentam informação numérica e estatística. Dividem-se, por sua vez, em gráficos de barra, de pizza e de linha e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de Barra Infográficos Representam unidades às quais está associada uma variável quantitativa e estabelecem uma comparação quantitativa entre as unidades representadas no gráfico. No entanto a sua representação pode não se limitar à simples apresentação de barras bidimensionais. Podem recorrer criativamente a elementos de ilustração para represen- tar as unidades em comparação, como em dois dos exemplos em baixo apresentados:http://media.smashingmagazine. http://blog.phy5ics.com/wp-content/up- http://smashinghub.com/wp-content/up- http://www.markedlines.com/wp-content/uploads/2010/08/25infographicom/wp-content/uploads/2010/04/ loads/2009/12/happy_holidays.jpg loads/2011/05/Graph-illustration-Related- cs/23-whos-coming-to-america.jpghaiti-stats.gif Tutorial-3.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de Barra Infográficos Mais exemplos http://cdn.instantshift.netdna-cdn.com/ wp-content/uploads/2009/06/igd-oebp- p-06.jpg http://secondavenuesagas.com/wp- content/uploads/2009/10/GoodMaga- zineGraph-1024x653.jpghttp://www.wired.com/images/article/magazine/test2007/st_infoporn_f.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de BarraInfográficos Mais um exemplo genial da integração criativa de um gráfico de barras numa ilustração. http://www.infographicsshowcase.com/wp-content/up- loads/2010/01/fork-it-over.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de PizzaInfográficos O gráfico de pizza indica a divisão em partes de um todo e suas porções expressas em percentagens. É geralmente representado por um círculo, correspondente ao todo, dividido pelas várias porções que o compõem. Mais uma vez, tal como nos gráficos de barras, a sua representação pode não se limitar à simples apresentação de círculos bidimensionais. http://pievcake.files.word- press.com/2011/05/piechart. jpg?w=580&h=278 http://www.123rf.com/photo_9374014_ http://infographicsfordummies.files. business-infographics-and-charts.html wordpress.com/2011/03/american- average-food-consumption.jpg http://www.absurdintellectual.com/wp-content/uploads/2010/04/resume-infographic.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de PizzaInfográficos Mais exemplos http://upload.macromedia.com/exchange/photoshop/previews/ AdobeExch_infographic_elements_preview2.jpg http://ideiasinteressantes.files.word- press.com/2011/01/business-week.jpg http://smashinghub.com/wp-content/uploads/2011/05/ http://tudesignclass.files.wordpress.com/2011/02/fac- Graph-illustration-Related-Tutorial-10.jpg book_vs_twitter_infographic.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de LinhaInfográficos Os Gráficos de linha mostram as mudanças, expressas em números, ao longo de um intervalo de tempo específico. http://blog.hci4.me/wp-content/uploads/2009/06/igd-oebp-64.jpg http://media.smashingmagazine.com/wp-content/uploads/2010/04/violent- crime.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Gráficos de LinhaInfográficos Outro bom exemplo... http://trendland.net/the-beauty-of-info- graphics/# e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos Mapas Infográficos Os mapas infográficos nem sempre são usados para ilustrar só a localização geográfica de um local. Em Infografia os mapas são muitas vezes utilizados para ilustrar, desde a adopção global, ou local, de um determinado produto, até à frequência de um determi- nado evento por região geográfica como a frequência de precipitação num conjunto de países.http://www.mmda.com.br/blog2010/wp-content/uploads/SmallBiz_Small.jpg http://fanpageflow.com/wp-content/uploads/2011/06/Global-Facebook-Statistics.jpg http://4.bp.blogspot.com/-2pt7rO_OpJc/TVl9rGiM7hI/AAAAAAAAU- qM/vZc75nxB5BI/s1600/mint-consumption-map.png e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos MapasInfográficos Mais exemplos, embora mais tradicionais na sua função. http://2.bp.blogspot.com/-30iqSe80zAc/TdKkVJqfOxI/AAAAAAAAAHs/-DEf-VHoyI0/ http://4.bp.blogspot.com/-3VmDSYEywX4/Tc4FM65CnII/AAAAAAAAGFw/ s1600/SE+mapa+ilustrado.jpg r6Zw6nHSzd4/s1600/dabs-design-infograficos-25-interessantes-inspiration- al-12.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos TabelasInfográficos Uma tabela é um quadro simples onde são apresentados dados descritivos em que, por vezes, não são fáceis de serem comparados e não se conseguem comparar com o re- curso a gráficos de barras ou gráficos de linhas. http://2.bp.blogspot.com/-30iqSe80zAc/TdKkVJqfOxI/AAAAAAAAAHs/-DEf-VHoyI0/ s1600/SE+mapa+ilustrado.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Os Diagramas ilustrados são peças visuais, geralmente muito mais complexas do que as anteriores. Misturam o uso combinado de ilustração, desenho, 3D, texto, legendas e as anteriores categorias de recursos infográficos, para ilustrar aspetos mais complexos da realidade como, por exemplo, os componentes do interior de um veículo, a evolução de um acidente automóvel, o funcionamento do interior de uma máquina fotográfica, etc... http://www.flickr.com/photos/rajkamalaich/3811689794/sizes/z/in/pool-856209@N23/ http://www.flickr.com/photos/gersonmora/3702252913/sizes/z/in/pool-316642@N24/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://www.coolinfographics. com/storage/post-images/ resume-infographic.jpg?__ SQUARESPACE_CACHE- VERSION=1271423291528 e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://farm1.static.flickr. com/196/463498209_ b2a9520a99.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://reneealvarado.files. wordpress.com/2010/11/cri- sis_of_credit_part_01.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://farm3.static.flickr.com/2452/3659260190_4a8dc62abb.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://arcanumdeepsecrets.files.wordpress.com/2010/07/dwh-bp-simops-561883.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://farm5.static.flickr.com/4140/4866354252_a824368e9e.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://farm3.static.flickr.com/2513/4227902645_b5d3db4730.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://4.bp.blogspot.com/-qtmtfB9sydU/TdT9TlCsNWI/AAAAAAAAADQ/Z5DhL4AQcUw/s1600/aaaa2.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://www.best-infographics.com/wp-content/uploads/2010/12/11.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://farm3.static.flickr.com/2775/4174688965_2e41eb4b28_o.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustrados Infográficos Mais exemplos... http://mashable.com/wp- content/uploads/2010/12/ cellphone_infographic.jpg http://blog.smartpress.com/wp- http://www.onlineschools.org/info-content/uploads/2010/11/infographic- graphics-for-students/student-debt/ e1290538546964.png studentdebt.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Recursos e Diagramas ilustradosInfográficos Mais exemplos... http://1.bp.blogspot.com/_HRnKzjq-c5g/TPbGsnkFSLI/AAAAAAAABdU/0HVs58dVRb8/s1600/ninian_print- ing_plant.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira03Aplicações da Infografia e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia A Infografia, genericamente falando, usa-se onde há a necessidade de se explicar de forma rápida e simples informação, dados e situações ou eventos. Portanto é hoje aplicada a uma grande diversidade de temas e contextos, sendo os mais comuns os seguintes: • Infografia Jornalística; • Infografia de Manuais Escolares, Técnicos e Científicos; • Infografia Online; • Infografia animada - Infographic Motion Graphics • Infografia arquitectónica; • Infografia Instrutiva; • Entre muitas outras aplicações.... e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Jornalística Infografia Utilizada principalmente como complemento de uma notícia ou artigo de imprensa que ajuda o leitor a comprender, com maior facilidade, os acontecimentos e eventos envolvidos na notícia em causa. http://iinfografia.blogspot.com/ O Jornal i, jornal português, é um excelente utilizador de Infografia tendo mesmo um departamento de Designers dedicado exclusivamente ao Design das suas infografias. Visitem a página dos senhores em: http://iinfografia.blogspot.com e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Jornalística Infografia Mais exemplos do Jornal i... http://iinfografia.blogspot.com/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Jornalística Infografia Mais exemplos do Jornal i... http://iinfografia.blogspot.com/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Online e/ou Interativa Infografia Utilizada em meios electrónicos como a internet e cd-roms. O que a distingue da Infogra- fia tradicional é o facto de esta estar, geralmente, animada e integrar na narrativa visual elementos interativos. http://www.nytimes.com/interactive/2010/07/02/sports/soccer/facebook-worldcup.html Um excelente exemplo são as infografias interativas do Jornal New York Times. Este jornal online utiliza muito frequentemente este recurso de comunicação para ilustrar e explicar os seus artigos. Visitem a lista de infografias interativas do NYT em: http://www.smallmeans.com/new-york-times-infographics/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Online e/ou Interativa Infografia Outro exemplo de Infografia online e interativa é caso da aplicação “Gapminder“, da autoria do Dr. Hans Rosling, onde os utilizadores podem, apartir da sua interação com a infografia, visualizar dinamicamente a evolução de fenómenos como a evolução da saú- de no mundo, a evolução da mortalidade infantil mundial, etc. Experimentem o Gapminder em: http://www.gapminder.org/ http://www.gapminder.org/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia de Manuais Escolares, Técnicos e Científicos Infografia Utilizada em manuais escolares para ilustrar os factos e fenómenos descritos como, por exemplo, factos históricos (Mapas) ou mecanismos de funcionamento de sistemas do corpo humano. http://www.anyformsdesign.com http://www.anyformsdesign.com e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Aplicações da Infografia arquitectónica Infografia Utilizada como meio explicativo das características de um edifício e sua localização/im- plantação geográfica. http://www.anyformsdesign.comhttp://www.anyformsdesign.com http://www.anyformsdesign.com e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia arquitectónica Infografia Mais exemplos... http://www.anyformsdesign.com http://www.anyformsdesign.com e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Aplicações da Infografia Instrutiva Infografia Utilizada principalmente par ensinar a utilizar algo. Passa por explicações sobre desde como montar objetos e lidar com situações mais sérias...http://37signals.com/svn/images/242-flip_quickstart.png http://1.bp.blogspot.com/__-3V0tRrxWM/S7OQPL0XP9I/AAAAAAAAAS0/txjW0YlgAUM/s1600/Airplane- SafetyCard2.jpg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Instrutiva Infografia até às mais humorísticas... http://www.urdown.com/funny/baby- instructions-for-new-dads.html e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAplicações da Infografia Animada - Motion Graphics Infografia Utilizada em pequenos filmes de Motion Graphics... • Visualizar Vídeo em: http://www.youtube.com/watch?v=bx_LWm6_6tA Mas há mais exemplos. Em casa ver estes: http://www.youtube.com/watch?v=bx_LWm6_6tA http://www.youtube.com/watch?v=chAwDHO5KdU&feature=related http://www.youtube.com/watch?v=E3B__ovj2jU&feature=related http://www.youtube.com/watch?v=Y54ABqSOScQ http://www.youtube.com/watch?v=c3hp8Qaf_q0&feature=related http://vimeo.com/25123730 http://www.youtube.com/watch?v=fnY_94jfTRo&feature=related http://vimeo.com/17891444 http://www.youtube.com/watch?v=fnY_94jfTRo&feature=related http://vimeo.com/25118844 http://www.youtube.com/watch?v=T3ujV58hRf8&feature=related http://vimeo.com/12852616 http://www.youtube.com/watch?v=7jM61ZhQwkA&feature=related http://vimeo.com/19833796 http://www.youtube.com/watch?v=9_i-AUXmJe8&feature=related http://www.youtube.com/watch?v=49AfHGwuXeM&feature=related e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira04Autores contemporâneos a visitar e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAutores a visitar Kevin Hulsey Especialista em ilustração técnica http://www.khulsey.com/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAutores a visitar John Grimwade Infografista especializado em Mapas e Diagramas http://www.johngrimwade.com/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraAutores a Rafael Estrada visitar Infografista especializado Diagramas http://www.rafaestrada.net/ e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira05Referências e websites a visitar para inspiração e estudo e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional II Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo PereiraLinks sobre Infografia em websites http://www.infographicsinc.com/ig_pd.html http://macktubrobinson.blogspot.com/ Infografia Generalistas http://glaucolara.arteblog.com.br/ http://trendland.net/the-beauty-of-infographics/# Projectos: http://vi.sualize.us/radiesel/ http://www.visualcomplexity.com/vc/ http://dailyinfographic.com/ http://informationarchitects.jp/start/ http://kanno-infografia.blogspot.com/ http://infographicsnews.blogspot.com/ http://www.visualjournalism.com http://visualizinglastfm.de/ http://miriamsalles.info/wp/?p=6013 http://blogs.publico.pt/infografando/ http://www.kalipedia.com/graficos/?view=archivo&g=1 http://www.mnh.si.edu/earth/main_frames.html http://www.informationisbeautiful.net/visualizations/millard-euro-o-gram/ http://awesome.good.is/ecosystem/index.html#/i http://www.fastcompany.com/tag/infographic-day http://gapminder.org http://www.flickr.com/search/?q=infografia http://www.good.is/infographics Autores: http://visual.ly/ Kevin Hulsey > www.khulsey.com http://infografistas.blogspot.com/ Manuel Lima > www.mslima.com http://www.infograthinking.blogspot.com/ Edward Tufte > www.edwardtufte.com http://fernando1957.blogspot.com/ Alberto Cairo > www.albertocairo.com http://infografando.blogspot.com/ Rafael Estrada > www.rafaestrada.net John Grimwade > www.johngrimwade.com Jornais, Revistas e Televisões William Mariotto > http://williammariotto.blogspot.com/ http://www.smallmeans.com/new-york-times-infographics/ Rubens Paiva > http://www.flickr.com/photos/rubenspaiva/ http://www.elmundo.es/graficos/multimedia/ Ricardo Santos > http://umdesenhoumahistoria.blogspot.com/ http://www.elpais.com/graficos http://infografia24horas.blogspot.com/ http://www.nationalgeographic.com.es/pagina/mas_interactivos_mapas. html http://iinfografia.blogspot.com/ http://www.tudiscovery.com/experiencia/infografias.shtml http://www.muyinteresante.es/resultados- busqueda?q=minisites&cx=partner-pub-8023226614373997:5w8v7rqe5 v1&cof=FORID:11&ie=UTF-8&sa.x=0&sa.y=0 http://infografiaalavanguardia.blogspot.com/ Empresas de Infografia http://www.anyformsdesign.com/ http://www.graphicnews.co.uk/gpage.php?g=newsgallery http://www.90grados.info/index.php e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira06Na próxima aula trazer (obrigatório)...Exercício: Execução:Pesquisa, construção e constituição de banco de exemplos de Em grupo de 2 ou 3 pessoasInfografia Entrega:Organização: Na próxima aula...Dividir os exemplos e imagens por uma árvore de pastas como aseguinte:• Pastas principais nomeadas com Tipologias de Infografia(Mapas, Diagramas, Gráficos, Quadros, etc).• Dentro de cada pasta principal criar sub-pastas de temas deinfografia (Biologia, Carros, Arquitectura, eventos, acontecimen-tos, etc).Cada uma das imagens deve estar nomeada com um númeroque, depois, será indexado a um documento PDF onde os alu-nos listam a mesma imagem e fornecem os seguintes dados:• Autor/empresa da infografia - Caso consigam descobrir;• Livro - De onde extrairam a imagem;• Link - Caso a fonte da imagem seja online;• Data - Data em que extraíram a imagem online e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
    • Instituto Politécnico do Cávado e Ave Desenho Computacional IIEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira07Referências BibliográficasTítulo 1: The Visual Miscellaneum: A Colorful Guide to the World’s Most Título 11: Solving Problems and Selling Ideas with PicturesConsequential Trivia Autor: Dan RoamAutor: David MacCendless Título 12: The Visual Display of Quantitative InformationTítulo 2: Information Design Workbook: Graphic approaches, solutions, Autor: Edward Tufteand inspiration + 30 case studiesAutor: Kim BaerTítulo 3: Diagrams: Innovative Solutions for Graphic DesignersAutor: Jessica GlasserTítulo 4: The Information Design HandbookAutores: Jenn Visocky O’Grady & Ken Visocky O’GradyTítulo 5: Beautiful Visualization: Looking at Data through the Eyes ofExpertsAutores: Julie Steele & Noah IliinskyTítulo 6: Infographics: A Journalist’s GuideAutor: James G. StovallTítulo 7: Marcos na História da Visualização de DadosAutor: Mário KannoTítulo 8: Manual de Infografia - Folha de S. PauloAutor: Mário Kanno e Renato BrandãoTítulo 9: Manual de Infografia - Folha de S. PauloAutor: Mário Kanno e Renato BrandãoTítulo 10: Graphis DiagramsAutor: Walter Herdeg e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree