Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introdução à Infografia

3,994 views

Published on

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

Published in: Design
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download doc Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Introdução à Infografia

  1. 1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. 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
  37. 37. 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
  38. 38. 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
  39. 39. 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
  40. 40. 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
  41. 41. 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
  42. 42. 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
  43. 43. 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
  44. 44. 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
  45. 45. 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
  46. 46. 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
  47. 47. 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
  48. 48. 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
  49. 49. 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
  50. 50. 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
  51. 51. 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
  52. 52. 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
  53. 53. 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
  54. 54. 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

×