SlideShare une entreprise Scribd logo
1  sur  121
Télécharger pour lire hors ligne
Bacharel em Midialogia
Mestre em Artes Visuais
Infografista especializada em Jornalismo Econômico
Online
Beatriz Blanco
Quem sou eu?
História da
Infografia
A importância
da Infografia
Ferramentas
Quando fazer
ou não um
infográfico?
Quando fazer um infográfico?
1- PRECISO DESENHAR
Fonte: glantz design
Quando fazer um infográfico?
2- PRECISO COMPARAR
Fonte: Kissmetrics
Quando fazer um infográfico?
3- PRECISO IMPACTAR
Fonte: Schools.com
Quando fazer um infográfico?
3- PRECISO LOCALIZAR
Fonte: Ria Navost
Quando não fazer um infográfico?
1- PRECISO DE MUITO TEXTO
Fonte: Find and convert
Quando não fazer um infográfico?
2- NÃO CONSIGO COMPARAR
Fonte: Mediabistro
Quando não fazer um infográfico?
3- ILUSTRAÇÕES NÃO INFORMAM
Fonte: Byte launch
Quando não fazer um infográfico?
4- MAPA NÃO LOCALIZA
Fonte: Convonix
Fazendo
no papel
Fazendo no papel
Qual o objetivo do meu
infográfico?
Fazendo no papel
Por que é impossível que todas
as crianças tenham um lar?
Fazendo no papel
Por que é impossível que todas
as crianças tenham um lar?
Fazendo no papel
Quem tem a internet mais
rápida e barata no mundo?
Fazendo no papel
Quem tem a internet mais
rápida e barata no mundo?
Fazendo no papel
Qual a melhor forma?
Fazendo no papel
Fazendo no papel
CONTEXTO CONTEXTO
IDEIA PRINCIPAL
Fazendo no papel
Linhas são melhores para variação no tempo
Fazendo no papel
Barras e colunas são melhores para comparar valores
Fazendo no papel
Passo a passo são bons para dar instruções
Fazendo no papel
Pizza e barras ou colunas segmentadas
representam partes de um todo
Fazendo no papel
Mapas são para abordar localização geográficas
Fazendo no papel
Bolhas representam concentração
Fazendo no papel
Fazendo no papel
Aplicando
em diferentes
situações
Aplicando em diferentes situações
Aplicando em diferentes situações
Infográfico para página dupla
• Pode ter muitos dados
• Pode explorar valores menores
• Aliar detalhismo com facilidade de compreensão
Infográfico para página dupla
Infográfico para web
• Mais pontual
• Menos legendas por causa de layouts responsivos
• Largura menor para não ser cortado nas redes sociais
Infográfico para web
Infográfico para web
Infográfico para apresentações
• Mais fragmentado
• Ressaltar um dado por vez
• Legendas econômicas
• Fluidez narrativa
Infográfico para apresentações
Infográfico para apresentações
Infográfico para apresentações
Infográfico para relatórios
• Mais completo
• Pontual e sem muitas ilustrações
• Preocupação com boa leitura
• Destacar os dados importantes para serem localizados
rapidamente
Infográfico para relatórios
Exemplos
Atividade
Atividade
Transformar essa tabela em um infográfico:
Todos os pictogramas usados são de propriedade e autoria dos usuários do
The Noun Project (www.thenounproject.com)
biablancoelric@gmail.com
Beatriz Blanco

Contenu connexe

Tendances

Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersKarol Gandra
 
Aula básica sobre as cores
Aula básica sobre as coresAula básica sobre as cores
Aula básica sobre as coresCéu Barros
 
Criação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCriação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCíntia Dal Bello
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Estudo de luz e sombra em desenhos
Estudo de luz e sombra em desenhosEstudo de luz e sombra em desenhos
Estudo de luz e sombra em desenhosVivian Los
 
Teoria do design aula 2 - Estudo das Cores
Teoria do design   aula 2 - Estudo das CoresTeoria do design   aula 2 - Estudo das Cores
Teoria do design aula 2 - Estudo das CoresLéo Dias
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IICíntia Dal Bello
 

Tendances (20)

As rochas
As rochasAs rochas
As rochas
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
 
Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Aula básica sobre as cores
Aula básica sobre as coresAula básica sobre as cores
Aula básica sobre as cores
 
A história do e mail
A história do e mailA história do e mail
A história do e mail
 
A cor
A corA cor
A cor
 
Cartaz
CartazCartaz
Cartaz
 
Fichas ev 7 8
Fichas ev 7 8Fichas ev 7 8
Fichas ev 7 8
 
Criação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCriação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagem
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 
Estudo de luz e sombra em desenhos
Estudo de luz e sombra em desenhosEstudo de luz e sombra em desenhos
Estudo de luz e sombra em desenhos
 
Teoria do design aula 2 - Estudo das Cores
Teoria do design   aula 2 - Estudo das CoresTeoria do design   aula 2 - Estudo das Cores
Teoria do design aula 2 - Estudo das Cores
 
Cor luz
Cor luzCor luz
Cor luz
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Circulo cromatico
Circulo cromaticoCirculo cromatico
Circulo cromatico
 

En vedette

En vedette (20)

Workshop de Design para Iniciantes
Workshop de Design para IniciantesWorkshop de Design para Iniciantes
Workshop de Design para Iniciantes
 
Infografia: Rapidez na apresentação de informações
Infografia: Rapidez na apresentação de informaçõesInfografia: Rapidez na apresentação de informações
Infografia: Rapidez na apresentação de informações
 
Power infografias
Power infografiasPower infografias
Power infografias
 
10 passos para um bom planejamento digital
10 passos para um bom planejamento digital10 passos para um bom planejamento digital
10 passos para um bom planejamento digital
 
Tipos de infografía
Tipos de infografíaTipos de infografía
Tipos de infografía
 
Tipos de infografía
Tipos de infografíaTipos de infografía
Tipos de infografía
 
Edição e remix de conteúdo digital
Edição e remix de conteúdo digitalEdição e remix de conteúdo digital
Edição e remix de conteúdo digital
 
Infografia Multimédia/Multimídia
Infografia Multimédia/MultimídiaInfografia Multimédia/Multimídia
Infografia Multimédia/Multimídia
 
Apresentação infográfico
Apresentação infográficoApresentação infográfico
Apresentação infográfico
 
Infografia / Introdução
Infografia / IntroduçãoInfografia / Introdução
Infografia / Introdução
 
Infográfico
InfográficoInfográfico
Infográfico
 
Aula de infograficos 2014.1
Aula de infograficos 2014.1Aula de infograficos 2014.1
Aula de infograficos 2014.1
 
Aula 2 - Infografia
Aula 2 - InfografiaAula 2 - Infografia
Aula 2 - Infografia
 
Aula 3 - Infografia
Aula 3 - InfografiaAula 3 - Infografia
Aula 3 - Infografia
 
Exemplos de-projeto-de-documentario
Exemplos de-projeto-de-documentarioExemplos de-projeto-de-documentario
Exemplos de-projeto-de-documentario
 
Escrevendo um documentario
Escrevendo um documentarioEscrevendo um documentario
Escrevendo um documentario
 
O Projeto Audiovisual 2[1]
O Projeto Audiovisual 2[1]O Projeto Audiovisual 2[1]
O Projeto Audiovisual 2[1]
 
Infografía
InfografíaInfografía
Infografía
 
Tipos de infografia
Tipos de infografiaTipos de infografia
Tipos de infografia
 
Apostila básica produção audiovisual espm
Apostila básica produção audiovisual espmApostila básica produção audiovisual espm
Apostila básica produção audiovisual espm
 

Similaire à Workshop de Infografia

atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdf
atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdfatlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdf
atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdfRobertaStropper
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwritingIvone Rocha
 
WoMakersCode Rio: Storytelling: contando uma história a partir dos dados
WoMakersCode Rio: Storytelling: contando uma história a partir dos dadosWoMakersCode Rio: Storytelling: contando uma história a partir dos dados
WoMakersCode Rio: Storytelling: contando uma história a partir dos dadosWoMakersCode Brasil
 

Similaire à Workshop de Infografia (8)

atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdf
atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdfatlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdf
atlasinfografiaapresentacaoturma02slideshare-130915200656-phpapp02.pdf
 
Infografia
InfografiaInfografia
Infografia
 
1 Infografia
1  Infografia1  Infografia
1 Infografia
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting
 
WoMakersCode Rio: Storytelling: contando uma história a partir dos dados
WoMakersCode Rio: Storytelling: contando uma história a partir dos dadosWoMakersCode Rio: Storytelling: contando uma história a partir dos dados
WoMakersCode Rio: Storytelling: contando uma história a partir dos dados
 
Webjornalismo
WebjornalismoWebjornalismo
Webjornalismo
 
5 dicas de como elaborar uma apresentação eficaz
5 dicas de como elaborar uma apresentação eficaz5 dicas de como elaborar uma apresentação eficaz
5 dicas de como elaborar uma apresentação eficaz
 
Jornalismo para dispositivos moveis
Jornalismo para dispositivos moveisJornalismo para dispositivos moveis
Jornalismo para dispositivos moveis
 

Workshop de Infografia