SlideShare uma empresa Scribd logo
1 de 57
O que é um
          ?
infográfico
representação
visual da
informação
infographic   !
info + graphic
texto + imagem    ?
NÃO
NECESSARIAMENTE
o
      nã
O que é um
infográfico ?
imagem
cercada de textos = ilustração

texto
decifrando imagem = legenda
A forma é a
mensagem
          !
a forma é utilizada para
reproduzir relações entre
as ideias e para ajudar a
construir narrativas.
Palavra
chave
     !
{
            selecione
ABSTRAÇÃO   reduza
            destaque
!
Informação
Emissão Global
Em franco crescimento, a China é o primeiro lugar em
poluição atmosférica. Os E.U.A vem logo em seguida,
mas entre 2006 e 2007, observou-se uma emissão de
poluentes em declínio. Por outro lado, a Venezuela,
apesar de ocupar a 27ª posição do ranking, no mesmo
período, teve um aumento de 14,2 % de emissão -
mesmo a China só aumentou 7,2%. Na contramão
da poluição, ocupando o terceiro lugar no ranking, a
Rússia começou o ato de limpeza dos ares e mantém-
se estável na produção de poluição. Além de não ter
poluído no período da pesquisa, colocou em prática
alguns projetos de despoluição.
!
Abstração
Período: 2006 - 2007
Ranking da poluição: 1º China; 2º E.U.A; 3º Rússia; 27º Venezuela
Poluição crescente: China 7,2%; Venezuela 14,2%
Poluição decrescente: E.U.A 1,4%;
Despoluição estável: Rússia -0,4%
!
Abstração
Texto +
Gráfico   !
EMISSÃO GLOBAL
                                                             27
       1
                               2
                                           3


           CHINA                        RÚSSIA
                                                             VENEZUELA
                            E.U.A



Crescimento da emissão de poluentes no período entre 2006-2007 (%)
China: 7,2%	    Venezuela: 14,2%		       E.U.A: 1,4%	      Rússia: -0,4%
!
Infográfico
Qualquer
assunto pode
render um
          ?
infográfico
SIM   {
      relevância
      espaço
      tempo
Processo de
criação de
infográficos   !
1. ideia
palavra-chave: foco
1. ideia

Que(m)          ?
representação qualitativa
retrato
1. ideia

Quanto        ?
representação quantitativa
gráficos
1. ideia

Onde       ?
posição no espaço
mapas
1. ideia

Quando        ?
posição no tempo
timeline
1. ideia

Como         ?
causa + efeito
fluxograma
1. ideia

Por quê
dedução + predição
                   ?
gráfico com múltiplas variáveis
2. pesquisa
palavra-chave: validação
3. conteúdo
palavra-chave: simplicidade
4. design
palavra-chave: clareza
Hierarquia da
informação
          !
título
filho das mães
lead (pra entender o infográfico)
em março, o laboratório da universidade de xxxx na inglaterra criou o primeiro
mamífero sem pai. o camundongo steven, como foi chamado, foi gerado através
da combinação dos genes das camundogas lizie e emilie, ambas com 3 anos.
entenda como a experiência foi possível.
- ou -
entenda como foi gerado o primeiro mamífero sem pai.
texto
contando a história
início, meio e fim (unidade + forma)
Em vendit iure          Em vendit iure          Em vendit iure
feugiamet utatio odit   feugiamet utatio odit   feugiamet utatio odit
in velit luptat wisit   in velit luptat wisit   in velit luptat wisit
aliscipisl eugiam       aliscipisl eugiam       aliscipisl eugiam
vercilissed tio eu.     vercilissed tio eu.     vercilissed tio eu.




Em vendit iure          Em vendit iure          Em vendit iure
feugiamet utatio odit   feugiamet utatio odit   feugiamet utatio odit
in velit luptat wisit   in velit luptat wisit   in velit luptat wisit
aliscipisl eugiam       aliscipisl eugiam       aliscipisl eugiam
vercilissed tio eu.     vercilissed tio eu.     vercilissed tio eu.
Partes do
infográfico   !
ícones
  texto
números       fotografias
                desenhos
   requadros figurativos
infogramas          pontos de
    linhas e setas condução
Dicas
gerais   !
evite
- palavras longas
- desalinhamento horizontal
- excesso de destaques
- correções no infográfico
- títulos e figuras de linguagem que não casem com a imagem
- descrever o que a imagem já mostra (abuse das metáforas)
- repetir o que o texto já disse
- números e evoluções em excesso confundem
- fundos rebaiixados/confusos
- cores que não comunicam
referências
superinteressante
folha de são paulo
blog faz caber
roginho.tumblr.com
google
bibliografia
CAIRO, Alberto (2008): “Infografia 2.0”. Madrid.
KANNO, Mario (2010): “Infografia passo-a-passo”. São Paulo.
ROAM, Dan (2008): “The back of the napkin”. Nova York.
SILVEIRA, Luciana Hiromi Yamada da (2010): “Modelo de caracterização de
infográficos: uma proposta para análise e aplicação jornalística”. São Paulo.
ALVAREZ, Ana Maria Torrez (2011): Infografia - Uma (nova?) forma de integrar
texto e imagem. São Paulo.


thanks
Professora Ana Bandeira, UFPel.

Mais conteúdo relacionado

Mais procurados

LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
Andrea Dalforno
 
Histórias em quadrinhos (conteúdo mais completo)
Histórias em quadrinhos (conteúdo mais completo)Histórias em quadrinhos (conteúdo mais completo)
Histórias em quadrinhos (conteúdo mais completo)
jpsales
 
Técnicas de pintura e desenho
Técnicas de pintura e desenhoTécnicas de pintura e desenho
Técnicas de pintura e desenho
Isabella Silva
 
Oficina dublagem e legendagem - aula 3
Oficina dublagem e legendagem - aula 3Oficina dublagem e legendagem - aula 3
Oficina dublagem e legendagem - aula 3
Hitalo Santos
 

Mais procurados (20)

Tipografia
Tipografia Tipografia
Tipografia
 
Elementos visuais I
Elementos visuais IElementos visuais I
Elementos visuais I
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Histórias em quadrinhos (conteúdo mais completo)
Histórias em quadrinhos (conteúdo mais completo)Histórias em quadrinhos (conteúdo mais completo)
Histórias em quadrinhos (conteúdo mais completo)
 
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia JuniorElementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Tarsila do amaral
Tarsila do amaralTarsila do amaral
Tarsila do amaral
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticos
 
Técnicas de pintura e desenho
Técnicas de pintura e desenhoTécnicas de pintura e desenho
Técnicas de pintura e desenho
 
Desenho e Ilustração
Desenho e IlustraçãoDesenho e Ilustração
Desenho e Ilustração
 
Oficina dublagem e legendagem - aula 3
Oficina dublagem e legendagem - aula 3Oficina dublagem e legendagem - aula 3
Oficina dublagem e legendagem - aula 3
 
Infografia aula 1
Infografia   aula 1Infografia   aula 1
Infografia aula 1
 
Arte naif 2021
Arte naif 2021Arte naif 2021
Arte naif 2021
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Questões simulado
Questões simuladoQuestões simulado
Questões simulado
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
Xilogravura
XilogravuraXilogravura
Xilogravura
 
Gêneros jornalísticos
Gêneros jornalísticosGêneros jornalísticos
Gêneros jornalísticos
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 

Destaque

Aplicação das malhas espaciais na arquitetura
Aplicação das malhas espaciais na arquiteturaAplicação das malhas espaciais na arquitetura
Aplicação das malhas espaciais na arquitetura
Carlos Elson Cunha
 
Análise Entorno e Programa de Necessidades
Análise Entorno e Programa de NecessidadesAnálise Entorno e Programa de Necessidades
Análise Entorno e Programa de Necessidades
fauprojetoe
 

Destaque (20)

MAPP - Mobile Apps Plan to Production
MAPP - Mobile Apps Plan to ProductionMAPP - Mobile Apps Plan to Production
MAPP - Mobile Apps Plan to Production
 
What Does ICANN Do Infographic (Portuguese)
What Does ICANN Do Infographic (Portuguese)What Does ICANN Do Infographic (Portuguese)
What Does ICANN Do Infographic (Portuguese)
 
Pumpkin Kibbeh Balls Infographic
Pumpkin Kibbeh Balls InfographicPumpkin Kibbeh Balls Infographic
Pumpkin Kibbeh Balls Infographic
 
Infográficos de História
Infográficos de  HistóriaInfográficos de  História
Infográficos de História
 
Aplicação das malhas espaciais na arquitetura
Aplicação das malhas espaciais na arquiteturaAplicação das malhas espaciais na arquitetura
Aplicação das malhas espaciais na arquitetura
 
Apresentacao infograficos felipe viaro
Apresentacao infograficos   felipe viaroApresentacao infograficos   felipe viaro
Apresentacao infograficos felipe viaro
 
Desenhando um planejamento REALMENTE eficaz para seus clientes - Olivia Orlan...
Desenhando um planejamento REALMENTE eficaz para seus clientes - Olivia Orlan...Desenhando um planejamento REALMENTE eficaz para seus clientes - Olivia Orlan...
Desenhando um planejamento REALMENTE eficaz para seus clientes - Olivia Orlan...
 
Planejamento rápido de infográficos - Beatriz Blanco
Planejamento rápido de infográficos - Beatriz BlancoPlanejamento rápido de infográficos - Beatriz Blanco
Planejamento rápido de infográficos - Beatriz Blanco
 
Infográficos e formação de professores em língua espanhola - Algumas experiên...
Infográficos e formação de professores em língua espanhola - Algumas experiên...Infográficos e formação de professores em língua espanhola - Algumas experiên...
Infográficos e formação de professores em língua espanhola - Algumas experiên...
 
Bate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte IIIBate-papo sobre Arquitetura de Informação - Parte III
Bate-papo sobre Arquitetura de Informação - Parte III
 
Editorial na real
Editorial na realEditorial na real
Editorial na real
 
Infograficos e SEO
Infograficos e SEOInfograficos e SEO
Infograficos e SEO
 
TCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidadesTCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidades
 
EVOLUÇÃO DAS TECNOLOGIAS AUDIOVISUAIS
EVOLUÇÃO DAS TECNOLOGIAS AUDIOVISUAISEVOLUÇÃO DAS TECNOLOGIAS AUDIOVISUAIS
EVOLUÇÃO DAS TECNOLOGIAS AUDIOVISUAIS
 
BNCC e Referencial Curricular de Alagoas - Linguagens
BNCC e Referencial Curricular de Alagoas - LinguagensBNCC e Referencial Curricular de Alagoas - Linguagens
BNCC e Referencial Curricular de Alagoas - Linguagens
 
Análise e Elaboração de Projetos - Visão Financeira
Análise e Elaboração de Projetos - Visão FinanceiraAnálise e Elaboração de Projetos - Visão Financeira
Análise e Elaboração de Projetos - Visão Financeira
 
Analise de Projeto
Analise de ProjetoAnalise de Projeto
Analise de Projeto
 
Análise Entorno e Programa de Necessidades
Análise Entorno e Programa de NecessidadesAnálise Entorno e Programa de Necessidades
Análise Entorno e Programa de Necessidades
 
Apresentaçao diagnostico
Apresentaçao diagnosticoApresentaçao diagnostico
Apresentaçao diagnostico
 
ESTUDO PRELIMINAR DE PROJETO: HABITAÇÃO SOCIAL
ESTUDO PRELIMINAR DE PROJETO: HABITAÇÃO SOCIALESTUDO PRELIMINAR DE PROJETO: HABITAÇÃO SOCIAL
ESTUDO PRELIMINAR DE PROJETO: HABITAÇÃO SOCIAL
 

Vai um infográfico aí?

  • 1.
  • 2. O que é um ? infográfico
  • 4.
  • 5. infographic ! info + graphic texto + imagem ?
  • 7. o nã O que é um infográfico ?
  • 8. imagem cercada de textos = ilustração texto decifrando imagem = legenda
  • 9.
  • 10. A forma é a mensagem !
  • 11. a forma é utilizada para reproduzir relações entre as ideias e para ajudar a construir narrativas.
  • 12.
  • 14. { selecione ABSTRAÇÃO reduza destaque
  • 15.
  • 16.
  • 18. Emissão Global Em franco crescimento, a China é o primeiro lugar em poluição atmosférica. Os E.U.A vem logo em seguida, mas entre 2006 e 2007, observou-se uma emissão de poluentes em declínio. Por outro lado, a Venezuela, apesar de ocupar a 27ª posição do ranking, no mesmo período, teve um aumento de 14,2 % de emissão - mesmo a China só aumentou 7,2%. Na contramão da poluição, ocupando o terceiro lugar no ranking, a Rússia começou o ato de limpeza dos ares e mantém- se estável na produção de poluição. Além de não ter poluído no período da pesquisa, colocou em prática alguns projetos de despoluição.
  • 20. Período: 2006 - 2007 Ranking da poluição: 1º China; 2º E.U.A; 3º Rússia; 27º Venezuela Poluição crescente: China 7,2%; Venezuela 14,2% Poluição decrescente: E.U.A 1,4%; Despoluição estável: Rússia -0,4%
  • 22.
  • 24. EMISSÃO GLOBAL 27 1 2 3 CHINA RÚSSIA VENEZUELA E.U.A Crescimento da emissão de poluentes no período entre 2006-2007 (%) China: 7,2% Venezuela: 14,2% E.U.A: 1,4% Rússia: -0,4%
  • 26.
  • 28. SIM { relevância espaço tempo
  • 31. 1. ideia Que(m) ? representação qualitativa retrato
  • 32.
  • 33. 1. ideia Quanto ? representação quantitativa gráficos
  • 34.
  • 35. 1. ideia Onde ? posição no espaço mapas
  • 36.
  • 37. 1. ideia Quando ? posição no tempo timeline
  • 38.
  • 39. 1. ideia Como ? causa + efeito fluxograma
  • 40.
  • 41. 1. ideia Por quê dedução + predição ? gráfico com múltiplas variáveis
  • 42.
  • 46.
  • 48. título filho das mães lead (pra entender o infográfico) em março, o laboratório da universidade de xxxx na inglaterra criou o primeiro mamífero sem pai. o camundongo steven, como foi chamado, foi gerado através da combinação dos genes das camundogas lizie e emilie, ambas com 3 anos. entenda como a experiência foi possível. - ou - entenda como foi gerado o primeiro mamífero sem pai.
  • 49. texto contando a história início, meio e fim (unidade + forma)
  • 50. Em vendit iure Em vendit iure Em vendit iure feugiamet utatio odit feugiamet utatio odit feugiamet utatio odit in velit luptat wisit in velit luptat wisit in velit luptat wisit aliscipisl eugiam aliscipisl eugiam aliscipisl eugiam vercilissed tio eu. vercilissed tio eu. vercilissed tio eu. Em vendit iure Em vendit iure Em vendit iure feugiamet utatio odit feugiamet utatio odit feugiamet utatio odit in velit luptat wisit in velit luptat wisit in velit luptat wisit aliscipisl eugiam aliscipisl eugiam aliscipisl eugiam vercilissed tio eu. vercilissed tio eu. vercilissed tio eu.
  • 52. ícones texto números fotografias desenhos requadros figurativos infogramas pontos de linhas e setas condução
  • 53.
  • 55. evite - palavras longas - desalinhamento horizontal - excesso de destaques - correções no infográfico - títulos e figuras de linguagem que não casem com a imagem - descrever o que a imagem já mostra (abuse das metáforas) - repetir o que o texto já disse - números e evoluções em excesso confundem - fundos rebaiixados/confusos - cores que não comunicam
  • 56. referências superinteressante folha de são paulo blog faz caber roginho.tumblr.com google
  • 57. bibliografia CAIRO, Alberto (2008): “Infografia 2.0”. Madrid. KANNO, Mario (2010): “Infografia passo-a-passo”. São Paulo. ROAM, Dan (2008): “The back of the napkin”. Nova York. SILVEIRA, Luciana Hiromi Yamada da (2010): “Modelo de caracterização de infográficos: uma proposta para análise e aplicação jornalística”. São Paulo. ALVAREZ, Ana Maria Torrez (2011): Infografia - Uma (nova?) forma de integrar texto e imagem. São Paulo. thanks Professora Ana Bandeira, UFPel.