Infografe Mario Kanno Pag Simples
Caricato da
arlanDescrizione:
Copyright
Condividi questo documento
Condividi o incorpora il documento
Hai trovato utile questo documento?
Questo contenuto è inappropriato?
Segnala questo documentoDescrizione:
Copyright:
Infografe Mario Kanno Pag Simples
Caricato da
arlanDescrizione:
Copyright:
Infografe
Como e porque usar infográficos
para criar visualizações e comunicar de
forma imediata e eficiente
SE
MÁRIO KANNO I CA O S
D PL
M M
CO EXE
1
2
MÁRIO KANNO
Infografe
Como e porque usar infográficos para criar visualizações
e comunicar de forma imediata e eficiente
Edição eletrônica
São Paulo
INFOLIDE.COM
2013
3
Sobre o autor, Mário Kanno
Agradecimentos
4
APRESENTAÇÃO
Trecho do PNLD 2014 (PROGRAMA NACIONAL DO LI VRO DIDÁTICO)
5
SUMÁRIO
7
36
55
74
144
146
6
INTRODUÇÃO
7
INFOGRAFIA E JORNALISMO VISUAL
11
Por que fazer um jornalismo mais visual
12
A imprensa ajudou a separar a imag em do texto
13
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
100%
Texto
1921
Diário inicia com uso da
fi
tipogra a manual
14
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1949
A empresa
adota a linotipia
15
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1967
O jornal é pioneiro
em impressão off-set
16
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1971
Jornal adota o istema
eletrônico de fotocomposição
17
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1989
Cor e computadores
para infografia
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1990
É implantado o sistema
de paginação eletrônica
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1994
Uso intensivo e até
exagerado da cor
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
1995
Inaugura novo
fi
centro grá co
21
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
2006
Projeto gráfico já visava
leitura mais rápida
22
A EVOLUÇÃO TECNOLÓGICA E A
RELAÇÃO TEXTO+IMAGEM NA FOLHA
Diário nasceu em 19 de fevereiro de 1921 com o nome “Folha da Noite”
Infografia
65% 15%
Texto
20% Foto
2012
Aposta no infográfico como
diferencial de qualidade
23
QUASE 100 ANOS DEPOIS…
Passado Presente
100% texto 60% texto
0% imagem 40% imagem
Mas os jornalistas continuam os mesmos…
24
A iconografia e os leitores
25
O QUE O LEITOR VÊ
Elementos nos quais o leitor foca o olhar, segundo a pesquisa americana
Infográficos e fotografias lideram; apenas um em cada
80%
quatro leitores foca o olhar no texto tradicional
Infográficos
75%
56% Fotos
Títulos
25%
29%
Texto
Legendas
31%
Notas
52%
Anúncios
Fonte: ”Eyes on the News”, Garcia, M.R. and Stark, P. (1991). St. Petersburg, Florida: The Poynter Institute.
26
COMO O LEITOR LÊ
Exemplos de caminho do olhar do leitor em pesquisa eye-tracking*
TEXTO E IMAGENS TRECHO DAS
SEPARADOS CONCLUSÕES
“Pelos nossos dados, textos
As linhas vermelhas e acompanhados por imagens
pretas representam o são observados por um
caminho do olhar na tempo significantemente
página. O tamanho dos maior.
círculos é proporcional
ao tempo que o olhar se Textos com infográficos,
fixou na imagem contudo, são observados
por um tempo ainda maior
do que os textos com ou-
tros tipos de imagens.
RESULTADO
Texto tradicional Infográficos aumentam o
é ignorado. tempo de leitura mais do
Título e infografia que qualquer outro tipo de
monopolizam o olhar imagem”
TEXTO E IMAGENS
INTEGRADOS
RESULTADO Fonte: “Tracing Integration of Text
Infografia and Pictures in Newspaper Reading”,
integrada ao texto Jana Holsanova, Nils Holmberg &
Kenneth Holmqvist, Lund University
aumenta a leitura Cognitive Science.
27
QUAL PÁGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flórida, EUA) testou três modelos
de página com o mesmo conteúdo
Modelo 1 Modelo 2
Texto tradicional forma em um único Texto tradicional ocupa uma coluna.
bloco de quatro colunas Restante foi dividido tópicos
QUAL PÁGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flórida, EUA) testou três modelos
de página com o mesmo conteúdo
Resultado
Os textos em tópicos formando per-
guntas e respostas, linha do tempo,
ficha, passo a passo e box de núme-
ros ajudaram os leitores a memorizar
e compreender os fatos. Leitores do
modelo 3 —a mais visual, sem a
narrativa tradicional– responderam
à maior parte das questões correta-
mente.
Modelo 3
Sem texto tradicional, apenas texto
em tópicos
Fonte: “Eyetracking The News: A Study Of Print And Online Reading”, Poynter Institute. (http://www.poynter.org/extra/Eyetrack/keys_03.html)
O novo jornalista
O FUTURO DO JORNAL E O JORNALISTA DO FUTURO
Cobertura de 2009 já revelava uma tendência cada vez mais presente: o jornalista-faz-tudo
Enviado especial a
Washington em 2009, o
repórter Fernando Canzian
produziu o texto principal,
coletou números para o
infográfico e ainda fez as
fotos que ilustravam sua
matéria
Hoje, além destas tarefas,
tem que pensar e produzir
vídeos para a TV e alimen-
tar um blog na internet
31
32
Divisão de culpa
33
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 1
JORNALISMO TRADICIONAL
Prioriza o texto, acredita que só ele Aciona apenas
contém e transmite informação. Funciona o repórter ou o redator
PAUTA
como uma linha de montagem
“JORNALISTA É QUEM ESCREVE”
Repórteres Fotografia Infografia e diagramação
e redatores Recebe na última hora Têm de inventar alguma solução
Iniciam a apuração que vai o pedido para produzir gráfica para acomodar números,
sendo traduzida em forma uma foto no local x, textos e imagens desconexos.
exclusiva de textos sem horário y. Desconhece De preferência com um
pensar nas imagens o enfoque jornalístico “desenhinho”
Não pensa na imagem
EDIÇÃO e define a página sozinha
Repórteres Infografia e
e redatores diagramação
Não se interessam pelo Das duas uma: ou joga a
jeito que a notícia vai culpa no projeto gráfico
estar apresentada desde ou partem para enfeitar a
que esteja com a assi- página e o infográ fico com
natura. Sua parte está cores e tipografia de efeito
feita, agora o problema apenas decorativo
é do leitor
Fotografia
Seleciona a foto mais RESULTADO
pelo tamanho do que Página fraca onde texto,
pelo conteúdo. Nao foto e infográfico não se
raro acaba tendo que integram e contam histórias
optar por uma foto do diferentes. Fechou, amanhã
banco de imagens vamos fazer igual!
34
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 2
JORNALISMO VISUAL Aciona toda a equipe.
Prioriza o trabalho em equipe. Entende as Tenta dimensionar a
funções de foto, texto e infografia PAUTA notícia e aponta soluções
“TODOS SÃO JORNALISTAS”
Repórteres e Infografia e Fotografia
redatores diagramação Ciente do enfoque,
Iniciam a apuração Ajudam na apuração tem condições de
sempre pensando em e interpretação dos contribuir na narrati-
qual a melhor maneira dados. Buscam solu- va, buscando imagens
de contar a história: ções mais adequadas. que acrescentem à
texto, foto, infografia Pensam na página história
ou ilustração
Define a página junto
EDIÇÃO com a equipe
Infografia e Fotografia
diagramação Sintoniza as fotos
São os principais res- selecionadas com a co-
ponsáveis pelo discurso bertura, buscando fotos
visual da página. Testam que dialoguem com
alternativas até chegar a os títulos e propondo
uma que melhor valorize cortes que valorizem a
a informação, seja ela imagem fotográfica
imagem ou texto
Repórteres e
redatores
Tomam cuidado espe- RESULTADO
cial com os textos que Texto, foto e infográfico
fazem parte da narrativa formam um conjunto
visual (títulos, infográfi- único que se completa.
cos e legendas) orien- Fechou, amanhã vamos
tando a leitura fazer melhor!
35
ORIGENS DA INFOGRAFIA
36
PRIMÓRDIOS DA VISUALIZAÇÃO DE DADOS
c. 30.000 a.C. c. 6.200 a.C.
Pinturas em cavernas O primeiro mapa gravado em pedra
representa moradias e, ao fundo, um vulcão
c. 550 a.C.
O mundo segundo Anaximandro
de Mileto (c.610 a.C.- 546 d.C.)
37
Até o séc. 16: Primeiros Mapas e diagramas
APERFEIÇOAMENTO DOS MAPAS E PRIMEIROS GRÁFICOS
c. 1350
c.150 O bispo francês
Ptlomeu Nicole d’Oresme
(c.85-c.165) fez a (1323-1382)
primeira projeção propõe o uso de
esférica da Terra gráficos de barras
usando latitudes e para demonstrar
longitudes visualmente uma
grandeza numérica
1595
Rumold Mercator (1545-1599),
filho de Gerardus continua seu
trabalho e publica este mapa-
múndi em 1595, um ano após a
morte do pai
1600 a 1699: Medições e teorias
41
NOVAS FORMAS DE REPRESENTAÇÃO
c. 1500
O italiano Leonardo da
Vinci (1452-1519) transpõe
seu conhecimento em
ilustrações detalhadas
para retratar a anatomia,
máquinas e movimentos
1669
Gráfico de função
mostra como
encontrar os anos 1782
de vida restantes de O primeiro mapa topográfico.
acordo com a idade Marcellin du Carla-Boniface,
atual, de Christiaan França
Huygens (1629-1695)
42
INTRODUÇÃO DOS GRÁFICOS MODERNOS
1786
Gráfico de barras e
de linhas com dados
econômicos. William
Playfair (1759-1823),
Inglaterra
1801
Gráfico de pizza
circular, de William
Playfair (1759-1823),
Inglaterra
1820
Publicações
científicas
começam a contar
com gráficos e
diagramas. Desenho
de Michael Faraday
(1791-1867),
Inglaterra
1819
Cartograma, mapa com a
distribuição do analfabetismo na
França.Talvez o primeiro mapa
estatístico. Baron Pierre Charles
Dupin (1784-1873), França
43
1700 a 1799: Novas fórmulas gráficas
1800-1849: O início da infografia moderna
44
1850 a 1900:
Era de Ouro das Estatísticas
Para a infografia moderna há pelo menos três casos
particulares que merecem atenção especial.
1855
John Snow
45
A INFOGRAFIA COMO ARMA DE CONVENCIMENTO
1855
Mapeando os casos
da epidemia de cólera
em Londres, dr. John
Snow
eles concluiu que
se concentravam
próximos a um único
local de abastecimento
público de água, que
foi fechado
1857
Este gráfico foi usado em
campanha para melhoria das
condições sanitárias no exército.
Florence Nightingale (1820-
1910), Inglaterra
46
DIAGRAMA GEOGRÁFICO E DIAGRAMA VISUAL
1869
O engenheiro francês, Charles Minard (1781-1870), ilustrou graficamente a
desastrosa campanha de Napoleão contra a Rússia. A largura do trajeto é
proporcional ao número de sobreviventes. Em cinza a ida e, em preto, a volta
1920
Invenção do
diagrama que
utiliza setas
para demonstrar
como os ítens
se relacionam.
Sewall Wright
(1889-1988),
EUA
47
1857 - Florence Nightingale
1869 - Charles Minard
1900 a 1949: Poucos inovações, muitas novidades
1924 - Otto Neurath
Gerd Arntz Isotype
1933 -
Harry Beck
1950 a 1974: Esboço de renascimento da visualização
SÍNTESE E SIMPLICIDADE
1924
Otto Neurath (1882-1945) organiza o Museu Social de Gráficos
Estatísticos em Viena, Áustria e introduz o Isotype (International
System of Typographic Picture Education)
1933
Mapa do metrô
de Londres se
tornou um símbolo
reconhecido
mundialmente por
sua simplicidade e
clareza. Harry Beck
baseou o mapa em
um diagrama de
circuitos que ele
usava no dia-a-dia
A INFOGRAFIA INVADE A IMPRENSA
1982
Página da previsão do tempo do jornal norte-americano USA Today,
desenvolvido por George Rorick. O diário inaugura uma era de
impressão colorida nos jornais que se espalha pelo mundo. Logo, os
infográficos se tornam parte do dia a dia da imprensa.
51
De 1975 até hoje: O computador como nova fronteira
Algumas personalidades merecem s er citadas:
Richard Saul Wurman e Edward Tufte
Nigel Holmes -
52
A CHEGADA DA WEB
1999
Alguns dos melhores infografistas dos EUA são reunidos por Richard Saul Wurman
no livro “Understanding USA”, um compêndio visual de dados sócio-econômicos do
país em versão pdf distribuído via web. Acima, páginas de Nigel Holmes
1999
Explosão da internet e novas
tecnologias permitem que a
visualização seja interativa
e/ou animada. Os jornal
espanhóis “El País” e “El
Mundo” se tornam referências
internacionais no segmento
53
George Rorick -
Alberto Cairo -
54
COMO PRODUZIR INFOGRÁFICOS
55
O PAPEL DE UM:
INTEGRAÇÃO COM A EQUIPE DE CONTEÚDO
A DIRETRIZ
Edição de texto
Verifica quais matérias usarão
infográficos. Define com a
Edição de Arte como o traba- KISS*,
and tell
lho poderá
redator ser feito.
e repórter daOrienta
matéria.o
Define o prazo, o espaço e a
importância da reportagem * Keep It Simple
and Short
Repórter
Reflete desde o início da apu-
ração sobre como o assunto
pode ser mostrado visual-
mente. Levanta os dados e
referências para isso. Comu-
nica os resultados
envolver procurando
toda a equipe
Redator
Define junto com o repórter e os Infografista
editores de texto e arte qual vai Cria ou ajuda a criar imagens
ser o lide do infográ fico. Fornece claras e objetivas para repre-
informações, textos e referên- sentar visualmente o assunto.
cias ao infografista. Colabora Participa ativamente da apura-
nas soluções visuais ção e questiona os dados
Tradução livre: “Mantenha simples e curto, e conte”.
Obs.: existe uma outra versão para “KISS”: “Keep it Short Stupid” e também “Keep it Short, Stupid”, dispensam tradução
56
O PAPEL DE UM:
INTEGRAÇÃO COM A EQUIPE DE DESIGN
A DIRETRIZ
Edição de Arte
SHOW, Discute e rascunha com os
pauteiros/ editores de texto
como o trabalho poderá ser
don’t tell* realizado.
infogra Dá diretrizes
fista(s) sobre comoao(s)
trabalhar. Zela para que a
diagramação, foto, texto e
infografia estejam trabalhan-
do em conjunto
Diagramador
Define como o infográfico
será posicionado na página.
Lembra sempre que a info-
grafia não é como uma foto:
tem texto e quase sempre é
um elemento mais leve
Edição de foto/Fotógrafo
Infografista Além das fotos jornalísticas
Procura soluções gráficas srcinais faz também fotos abertas
para cada assunto em sintonia e detalhes que podem, por
com a diagramação e edição. exemplo, servir de referência
Cuidado especial na hierarquia de para ilustrar um ambiente
textos, fotos e infográficos
Tradução livre: “Não escreva o que você pode mostrar”
57
A resposta é :
FECHAMENTO 24 HORAS
NA INTERNET
Versão produzida em poucos
minutos sobre o acidente com voo
447 produzido para o site da Folha
NO IMPRESSO
Com alguma horas mais para trabalhar, a
edição impressa ganhou um infográ fico
mais completo e detalhado
Repertório
GLOSSÁRIO INFOGRÁFICO/RECURSOS DE DIAGRAMAÇÃO
ARTES-TEXTO
Cronologia Mostra as datas mais importantes
Dicas Reúne instruções úteis ao leitor
Score (número
destacado) Quando um número é a principal informação
Reprodução de um ou mais documentos que
Fac-símile
sejam relevantes para matéria
Concentra as principais características do
Ficha
“personagem” (pessoa, país, empresa etc.)
Frases Opiniões sobre um assunto
Traz o significado de alguns termos “difíceis”,
Glossário
mas imprescindíveis à reportagem.
Lista/Ranking Organiza informações em tópicos
Reúne “quem, quando, onde e por quê”
Para entender /Resumo
colocando o leitor em dia com a reportagem.
Usa o estilo de entrevista para esclarecer dúvidas
Perguntas e respostas
ou discursar sobre um assunto.
Próximos passos Indica como o assunto deve se desenvolver
Associa valor –ganhou, perdeu, ficou igual– para
Sobe-desce
pessoas, partidos, investimentos etc.
Montagem de texto ou números em colunas
Tabela
paralelas associando uma coluna à outra
Testes Forma interativa de transmitir informações
61
MAPAS
Mapa de localização Localiza geograficamente o assunto
Mapa de ação Explicam mudanças ou movimentos geográficos
Usa cores ou sinais gráficos para mostrar a
Mapa estatístico
dispersão geográfica dos dados
GRÁFICOS
Gráfico de linha Evolução de uma ou mais variáveis no tempo
Compara valores de uma ou mais categorias.
Gráfico de barras
Pode também mostrar evolução
Permite mostrar como uma quantidade total
Pizza/ Queijo
(100%) se divide em diferentes categorias
Compara valores de uma ou mais categorias
Área
usando imagens proporcionais
DIAGRAMAS ILUSTRADOS
Usa de uma ou mais fotos que são manipuladas
Arte-foto
para evidenciar uma informação
Mostra como o “personagem” é por dentro.
Corte esquemático
Pode retratar um órgão, uma construção etc.
Fluxograma/
Representação de acontecimentos ou processos
Passo a passo
Define graficamente posições hierárquicas ou de
Organograma
relacionamento entre personagens
“Storyboard” Uso de quadrinhos para relato visual
Página infográfica Combina tipos
visualmente de infografia para traduzir
a reportagem
62
63
E aquelas que não tem salvação?
64
DECORANDO A PÁGINA COM “CASCATOGRÁFICOS”
Dois legítimos
e bem feitos
“CASCATOGRÁFICOS”:
usam recursos da
infografia para criar
uma imagem forte e
suprir a falta de foto
quente no noticiário
65
Exemplo de texto de reportagem
Exemplo de texto para infografia
66
Como devem ser os textos para infografia
1. Comece pelo título
2.
Não tente explicar tudo sobre tudo
3. Rabisque antes
4. textos telegráficos
67
5. divida-as em tópicos
6. corte
7. vários blocos de texto
8.
Não gaste palavras para mostrar quedas e altas
9.
visualmente cla-
ras
10.
maior clareza e objetividade
DIAGRAMAÇÃO OU INFOGRAFIA?
Esta era uma arte-texto, uma cronologia, e acabou premiada por
sua solução gráfica orginal no SND (Society for News Design), o mais
importante prêmio de design do jornalismo impresso
Não existe uma fronteira que delimita a diferença entre a
diagramação e infografia. Nem no impresso, nem na web
DA IDÉIA À PUBLICAÇÃO -1
A integração entre os jornalistas de texto e os jornalistas de imagem é fundamental
PLANEJAMENTO INVESTIGAÇÃO A IDEIA GRÁFICA
o que o infográfico vai é apenas tarefa para os ideia. Anote e rascunhe cada
contar? repórteres de texto. O uma no papel, pois elas
- infografista e o fotográfo podem ajudar a narrativa
lhado permite que todos devem compartilhar essa visual
possam visualizar o pro- tarefa -
jeto, antecipando erros e - las que à primeira vista não
pensando na página como fografista pode e deve ser parecem muito brilhantes
um todo capaz de conseguir toda a podem ser caminhos para
- informação outras ideias melhores
nível e no espaço que o -
infográfico vai ocupar na infografista deve ir ao local sual e evite imagens apenas
página da notícia para ter infor- decorativas
- mação de primeira
to e infografia para decidir - - A imagem escolhida acres-
o conteúdo e o tratamento fiáveis. Cuidado especial centa, reforça e/ou facilita
visual com a internet a visualização do assunto
principal?
cronograma, mantendo o - - A ideia faz o conteúdo da
trabalho em equipe tidade de informações história mais relevante ou
possível.Talvez você não atraente?
tudo pode mudar de acor- use tudo, mas deve tê-las à - Há informação suficiente
do com a apuração disposição para sustentar essa ideia?
Simplicidade facilita o didatismo. Privilegie a informação visual e evite imagens
apenas decorativas. Use apenas os dados e referências necessários
Baseado em texto de Jeff Goertzen, diretor de infogra fia da SND – Adaptado pelo autor
DA IDÉIA À PUBLICAÇÃO -2
Quanto mais planejar, melhor será o resultadofinal do infográfico
O CONTEÚDO O INFO NA PÁGINA EDIÇÃO E REVISÃO
o foco. Lembre do objetivo página como um todo é a informações similares em
inicial do infográfico e prioridade número um blocos com subtítulos
elimine dados em excesso
que possam criar ruído na desenhado não faz uma títulos e subtítulos. Eles de-
comunicação página melhor ou vice-versa. vem conduzir a leitura de
No entanto, o inverso é forma clara e objetiva
- Qual o objetivo dessa verdadeiro. Uma página mal
infografia? resolvida pode estragar um estiver pronta, envie uma
- O que o leitor precisa infográfico bom e vice-versa versão às fontes para que
saber está claro? elas possam conferir se
de fotos requer um desenho tudo está correto
- Se tiver
print dúvida,
e peça para tire
umaum de página que estabeleça
terceira pessoa, fora da uma hierarquia visual. Foto, minuto para revisar. Corri-
cobertura, ler e opinar texto e infografia não devem gir texto em um infográ fico
competir, devem se comple- é mais demorado e pode
está visualmente clara ou tar para contar a história alterar a ideia gráfica. Libe-
se a ordem de leitura está re os textos do infográ fico
difícil, o repórter deve dizer deve ser decidido o quanto o quanto antes
ao infografista. Da mesma antes. Baseie a decisão no -
maneira, se o texto não conteúdo, privilegiando o trações, proporções)deve
estiver claro, ou estiver info, a foto ou o texto ser checada com o mesmo
longo demais rigor que o texto
Peça um feed-back. Veja como ficou, converse com os envolvidos.
Os assuntos se repetem; na próxima cobertura o resultado vai ser melhor
Baseado em texto de Jeff Goertzen, diretor de infogra fia da SND – Adaptado pelo autor
71
E como usar os diferentes tipos de infográfico?
TEMA
ABORDAGEM
72
NÃO É O ASSUNTO, É O ENFOQUE
INFOGRÁFICOS DA DENGUE
Exemplos de abordagens
de solução diferentes
gráfica enfatiza para o mesmo
a informação que tema. Reparemostrar
se pretende como o tipo
73
QUANDO USAR ARTES-TEXTO
DICAS -
74
ESCORE -
FAC-SÍMILE -
FICHA -
FRASES -
75
BÁSICO E EFICIENTE
Apresentadas em forma de FICHAS e TABELAS as informações sobre
os atletas ficam mais fácil de serem visualizadas e compreendidas
76
INTERVENÇÃO CIRÚRGICA
Este infográfico era uma arte-texto:
uma LISTA de partes do corpo de algumas
personalidades. Por sorte, alguém lembrou de
colocar as imagens de um jeito criativo
77
GLOSSÁRIO -
PARA ENTENDER O CASO -
PERGUNTAS E RESPOSTAS -
PRÓXIMOS PASSOS -
SOBE-DESCE -
TABELA
1.
2.
3.
PIADA PRONTA
Para mostrar os personagens do caso dos
“aloprados” de Lula foi usada uma METÁFORA VISUAL com
uma estrela, símbolo do Partido dos Trabalhadores, que serviu
de base para interligar as FICHAS dos personagens
MILÊNIOS E MINUTOS
A LINHA
DO TEMPO
acima permite
que o leitor
compare vários
acontecimentos
simultâneos
Na CRONOLOGIA
ao lado, os
acontecimentos
são registrados
minuto a minuto
USO CRIATIVO DE FOTOS
CRONOLOGIAS podem ter apresentação
diferenciada como esta usada na queda
do ministro Orlando Silva
RESULTADO ENCICLOPÉDICO
Página dupla composta por uma
série de ARTES-TEXTO e alguns
diagramas
IMPRESSO & ONLINE
Fichas dos candidatos a prefeitura de São Paulo
imitando as cartas de um JOGO. Na versão online deste
infográfico era possível jogar de verdade
CONDUZINDO A LEITURA
A base da
informação
principal
uma ao lado
TABELA que,é
inclinida, virou uma
escada para explicar
os níveis do grau de
investimento
Com uso de cores
para evidenciar
dados, a TABELA
sai da monotonia
e, como pequenos
toques de cor, leva
o leitor aos pontos
mais importantes
de cada categoria
QUANDO USAR GRÁFICOS
GRÁFICO DE LINHA -
GRÁFICO DE BARRAS -
GRÁFICO DE PIZZA -
MOSTRANDO OS NÚMEROS
GRÁFICO DE BARRAS
do PIB sobre foto do
presidente Lula, onde,
além da evolução há
ESCORES mostrando o
valor acumulado nos
períodos
Varie os tipos de gráficos para que
a visualização não fique cansativo.
O exemplo ao lado começa com um
gráfico de PIZZA seguido de BARRAS
HORIZONTAIS e BARRAS VERTICAIS
RASGANDO A PÁGINA
ALGUNS ERROS EM GRÁFICOS QUE DEVEMOS EVITAR - 1
1
Título não combina
com o gráfico
Se o título fala em alta é de
se esperar que a linha do
gráfico esteja em ascensão
ao longo do tempo Alta de
0,001!
2
Barras cortadas
ou quebrada
Ninguém altera o valor Diferença
de um número por real
ele ser muito grande.
fi
Cortar a barra
alterar signi ca
informação
3
Fontes suspeitas
ou não confiáveis
Tome cuidado com gráfi-
cos que chegam prontos
e com dados já editados.
Pode haver má fé na
divulgação dos dados
Coincidência?
ALGUNS ERROS EM GRÁFICOS QUE DEVEMOS EVITAR - 2
4
Margem de
erro ignorada
Pesquisas de opinião
contém sempre uma
margem de erro. Fique
atento: isso pode inva-
lidar tendências de alta
ou queda Empate!
5
Pizza com excesso
de divisões Agrupe as fatias
Fica confusa e deixa de pequenas e crie
informar as diferenças. Use uma fatia “outros”
até cinco variações de cor e para facilitar a visu-
alização
o resto junte em “outros”
6
Pizza não
completa 100%
A pizza é um tipo de
gráfico que representa Faltam 40% para
um todo, não pode ser completar o
usado se a soma é maior total (100%)
ou menor do que 100%
ALGUNS ERROS EM GRÁFICOS QUE DEVEMOS EVITAR - 3
7
Legendas confusas
Use cores que permitam ao Confuso, não?
leitor diferenciar os itens do
gráfico. Cores similares cau-
sam confusão. Importante:
a legenda é a chave para o
leitor compreender o gráfico,
deixe em local bem visível e
tome cuidado com as cores.
8
Números não são
comparáveis
Gráficos comparam a mes-
ma unidade de valor. Não US$ e % não
compare porcentagens com são compará-
moeda ou quilômetros. veis entre si
9
”Dramatização”
a curva Os mesmos dados
Evite formatos muito ver- causam resultado
ticais ou muito horizontais visual diferente
para fazer as curvas serem
mais acentuadas.
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 4
10
Gráficos em perspectiva
ou inclinados
Gráficos funcionam por seu
alinhamento e contraste de
tamanho. Qualquer distor-
ção, distorce a informação Está
caindo ou
subindo?
11
Intervalos
cronológicos irregulares
Dispostos à mesma distância
um do outro indicam erra-
damente a velocidade da Intervalo de
tendência 10 anos Intervalo
anual
12
Proporção incorreta
Quando se dobra o tama-
nho de uma área e/ou um
pictograma o valor númerico
Parece maior do
deveria ser quádruplo que o dobro, e
é mesmo
USO DE GRÁFICOS
EXEMPLO 1 -
EXEMPLO 2 -
EXEMPLO 3 -
Resumindo: não faça o leitor perder tempo
Explique os valores usados nos gráficos
DIFERENTES VISÕES DOS MESMO DADOS
Exemplo 1
EMPRESA X TEM MAIS 94
DINHEIRO QUE A
EMPRESA Y
46
Empresa Empresa
X Y
Exemplo 2
94
EMPRESA X Empresa X
ULTRAPASSOU O
FATURAMENTO
DA EMPRESA Y
46
Empresa Y
Exemplo 3
EMPRESAS X E Y 94 46
DETÊM 68% DO Empresa X Empresa Y
MERCADO
47% 23%
PARA EXPLICAR, TEM QUE ENTENDER
Para chegar a um resultado
onde texto e imagem
trabalhem juntos é essencial
que o infografista entenda
qual
tenhaé medo
a mensagem e nãono
de interferir
texto para deixar a história
mais clara
Sinalize nos GRÁFICOS DE
LINHA os fatos que causaram
quedas ou picos. Isto facilita a
compreensão das variações
QUANDO USAR MAPAS
MAPAS DE LOCALIZAÇÃO -
MAPAS DE MOVIMENTAÇÃO -
MAPA ESTILIZADOS -
MAPAS DE DADOS
OU ESTATÍSTICO
-
MAPAS NÃO GEOGRÁFICOS -
DO GLOBAL AO LOCAL
A série de MAPAS desta página permite uma
visão geral e específica da crise no Egito
GEOGRÁFICO X ESTILIZADO
Cores suaves e pictogramas simples
conferem clareza ao mapa ao lado
que mostra a LOCALIZAÇÃO e
MOVIMENTAÇÃO durante conflito
no Oriente Médio
Neste MAPA
ESTILIZADO
a disposição
geográfica das ruas
foi desprezada para
dar ênfase a outras
informações
ILUSTRADO X CARTOGRAMA
A informação visual levada a sério: cada prédio foi fotografado para
servir de base para as ilustrações que respeitam as proporções de altura
Ao lado, mapa de dados
ou CARTOGRAMA usa de
cores para delimitar áreas
de concentração
QUANDO USAR DIAGRAMAS ILUSTRADOS
CORTE ESQUEMÁTICOS -
EXPLICANDO O QUE UMA FOTO MOSTRA
Infográfico criado para mostrar aos leitores
como é e como funciona o manete de um avião.
Solução muito mais eficiente do que um texto
MOSTRANDO O QUE UMA FOTO NÃO MOSTRA
DIAGRAMAS ILUSTRADOS
permitem tornar visível fenômenos
naturais como tsunami e
terremotos
SUPERPODERES DA INFOGRAFIA: VISAO RAIO-X
Na ARTE-FOTO ao lado, uma visão raio-X do
corpo humano com ilustrações sobre foto de
personagem cria uma imagem única
SUPERPODERES DA INFOGRAFIA: CONTROLAR O TEMPO
Mostrando todas uma sequência de acontecimentos ao mesmo
tempo, este PASSO A PASSO permite comparar versões e mostrar
detalhes que ficariam perdidos ou complicados no texto
SUPERPODERES DA I NFOGRAFIA: CONTROLE DO ESPAÇO
O infográfico com a sequencia de planetas do Sistema
Solar e o tamanho proporcional de cada um deles
Ilustrado, o PASSO A PASSO fica mais claro
ORGANOGRAMA permite
visualizar a hierarquia de
poder entre as partes
DIGA NÃO AO STORY-BOARD
À primeira vista, o STORY-BOARD abaixo parece estar correto, mas o
assassino ilustrado no primeiro quadro, que parece mulato, era de fato
jovem asiático. Vários leitores reclamaram e com razão. As informações
visuais também precisam ser apuradas e checadas
Substitua os STORY-BOARDS por outros
tipos de infografia, como este acima que
contextualiza o fato jornalístico
111
INDICANDO O CAMINHO
Um infográfico, dois FLUXOGRAMAS: o vertical
mostra uma sequencia cronológica e o horizontal
representa o processo de enriquecimento do urânio
112
ORGANOGRAMA -
STORY-BOARD
PÁGINA INFOGRÁFICA -
113
114
DA IDEIA AO ACABAMENTO FINAL
Depois de fazer um rascunho
do infográfico é preciso
definir uma solução gráfica
que acrescente apelo visual
Rascunho utilizado
para aprovação…
…e com o traço do ilustrador
escolhido para a pauta
115
COMO PRODUZIR BONS INFOGRÁFICOS* - 1
A informação principal deve estar disponível em único olhar
ORGANIZE/AGRUPE TORNE VISÍVEL A
Use intertítulos e divida o assunto INFORMAÇÃO PRINCIPAL
na página se necessário. Textos Seja um mapa, gráfico, esquema
soltos, sem intertítulos e sem ou uma combinação de todos
ordem não permitem uma visão esses elementos, alguma forma
geral do infográfico deve sobressair e ser dominante
CRIE DIMENSÕES
MÚLTIPLAS
Um bom infográfico
cruza informa-
ções de forma a
obter uma nova
leitura. Assim, por
exemplo,grá ficos
devem contextuali-
zar os acontecimen-
tos criado níveis de
leitura
ESTABELEÇA O CONTEXTO INTEGRE A PÁGINA
A maneira de representar a informação deve Os elementos de texto,
permitir uma leitura do todo e ressaltar os aspec- infografia, fotos e ilus-
tos mais importantes com detalhes. Se o acidente trações devem ser dia-
aconteceu devido a um declive na pista, então a gramados no sentido de
vista da ilustração deve contemplar esse declive criar uma figura única
* Adaptado de “Infographics Seminar Handout” de Venkatesh Rajamanickam
116
COMO PRODUZIR BONS INFOGRÁFICOS* - 2
Sempre que possível, faça um esboço em papel antes de sentar frente ao computador
ADICIONE REDUNDÂNCIA MOSTRE CAUSA E EFEITO
Redundância causa ruído em texto, É mais fácil entender um esquema
mas, numa infografia facilita a com- sabendo qual a causa e qual a conse-
preensão visual. Num info sobre um qüência. Conte as histórias por inteiro,
acidente de avião, espera-se ver um mesmo que apenas parte dela esteja
avião, não uma bolinha vermelha representada
SIMPLIFIQUE
Representações
simples e diretas
são mais fáceis de
interpretar. Nós nos
distraímos facilmente
em formas estranhas
de representação.
Prefira formas sim-
ples, como fios e
setas, e use as cores
de forma a conduzir o
leitor pelo infográfico
COMPARE E CONTRASTE CONVERSE E TESTE
Muitas medidas, como hectares, Fa- Nem sempre a leitura que você
rhenreit, Richter etc., são difíceis de faz é a mesma dos outros leitores.
entender pois não fazem parte de nosso Montada a estrutura do infográfico,
cotidiano. Transporte essas escalas para pergunte a outras pessoas se elas
coisas que o leitor reconheça entendem, se está claro
* Adaptado de “Infographics Seminar Handout” de Venkatesh Rajamanickam
117
FAÇA SEU INFOGRÁFICO BRILHAR
1. GRAFISMO MINIM ALISTA
2. USE IMAGENS EM FORMAS DE 3 DIMENSÕES
3. FATIE A FIGURA E MOSTRA O INTERIOR
4. USE METÁFORAS VISUAIS
5. COLOQUE OS PASSOS EM UM ÚNICA CENA
6. EXPLORE AS COMPARAÇÕES DE CONTEXTO
7. PONHA UM ILUSTRADOR PARA TRABALHAR
8. TIRE O INFOGRÁFICO DO RETÂNGULO
9. CRIE MOVIMENTO COM LINHAS E SETAS
10. USE FOTOS AO INVÉS DE ILUSTRAÇÃO
11. TENHA MAIS OUSADIA NOS GR ÁFICOS
121
EXEMPLOS: GRAFISMO MINIMALISTA
Um jeito ousado de apresentar a tabela da Copa
do Mundo 2010. Os círculos eram proporcionais a
posição dos países no ranking Fifa
122
EXEMPLOS: GRAFISMO MINIMALISTA
Acima, a proporção das dívidas de
alguns países da zona do euro. Ao
lado, as cores foram usadas para
delimitar grupos de imóveis
123
EXEMPLOS: FORMAS DE 3 DIMENSÕES
O tradicional gráfico de barras ganhou
volumetria (esq.); mesmo recurso das ilustrações
que mostram a ação do laser em tatuagens
124
EXEMPLOS: FORMAS DE 3 DIMENSÕES
Perspectiva isomêtrica das profundidades de
exploração de petróleo cria um contraste com
os outros elementos horizontais
125
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Corte esquemático permite visualizar
todo o processo de produção de energia
em uma usina hidrelétrica
126
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Vista explodida detalhada os andares do Museu
de Arte de São Paulo (Masp)
127
EXEMPLOS: USE METÁFORAS VISUAIS
A “guerra pela classificação” foi o mote para
criação desta página. Repare que até o esquema
tático é formado por tanques e caças
EXEMPLOS: USE METÁFORAS VISUAIS
Mimetizando uma estrada, este infográfico
mostra os envolvidos que foram “caindo” no
decorrer do caso
EXEMPLOS: TODOS OS PASSOS EM UM ÚNICA CENA
Os vários momentos da viagem do peixe-boi
colocados lado a lado permitem uma comparação
visual mais imediata
EXEMPLOS: TODOS OS PASSOS EM UM ÚNICA CENA
Uma única ilustração principal foi usada como
suporte para uma série de problemas possíveis
em uma cozinha
131
EXEMPLOS: EXPLORE AS COMPARAÇÕES DE CONTEXTO
Impresso em tamanho real, o círculo de 53 cm
mostrava exatamente o diâmetro pelo qual
seriam resgatados os mineiros chilenos
132
EXEMPLOS: EXPLORE AS COMPARAÇÕES DE CONTEXTO
As dimensões
só ganham
valor quando
comparadas.
Neste caso, o
comprimento de
lula gigante em
contraste com a
altura média de
um homem
133
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
É importante escolher um estilo de ilustração
adequado à pauta, como estas elegantes ilustrações
no infográfico sobre check-up
134
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
A ação do flúor é simples (e chata) mas,
nas mãos de ilutrador de talento ganha vida
e prende a atenção
135
EXEMPLOS: TIRE O INFOGRÁFICO DO RETÂNGULO
Nesta sequencia de páginas, a infogra fia
cria um caminho por onde passeiam as
informações e ilustrações
136
EXEMPLOS: TIRE O INFOGRÁFICO DO RETÂNGULO
Nem horizontal, nem vertical: a solução para
movimentar esta página sobre o sistema solar foi
criar uma diagonal entre as colunas de texto
137
EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS
Além de dar movimento, o uso de setas neste
infográfico ajuda a organizar o conteúdo e criar
uma sequencia de leitura
EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS
Acima, passo a passo
de um programa de TV;
ao lado, o diagrama
ilustrado de um
acidente rodoviário
EXEMPLOS: USE FOTOS AO INVÉS DE ILUSTRAÇÃO
Fotos recortadas remetem aos assuntos tratados
no mapa dos efeitos do aquecimento global
EXEMPLOS: USE FOTOS AO INVÉS DE ILUSTRAÇÃO
Fotomontagem
com raças
caninas (acima)
e sobreposição
de imagem da
estrutura nasal
em infográfico
sobre a
rinoplastia
141
EXEMPLOS: TENHA MAIS OUSADIA NOS GRÁFICOS
Gráfico de barras segue a forma circular do globo
para enfatizar as dimensões da emissão de CO 2
142
EXEMPLOS: TENHA MAIS OUSADIA NOS GRÁFICOS
Infografia mostra a proporção dos partidos a
cada eleição desde 1982
143
EXEMPLOS: TENHA MAIS OUSADIA NOS GRÁFICOS
Vários tipos de gráficos são reunidos
em um só em página dupla após o resultado
da eleição 2010
144
PENSE A PÁGINA COMO UM TODO
O leitor vê a página como um t odo
145
TIPO DE NOTÍCIA x TIPO DE PÁGINA
Como o texto, a foto e a ilustração perdem ou ganham destaque conforme a narrativa
NOTÍCIA INFOGRÁFICO SOLUÇÃO
S Nas coberturas “quen- MAPAS E RAIO-X
A
IC tes” a foto geralmente Sua função básica usando fotos
F
Á é o mais o importante é responder: onde? grandes x
R registro da notícia e deve Podem ainda mostrar mapa peque-
O
G ser privilegiada diferenças regionais, no ou mapa
T
O Exemplos: Personagens, trajetos etc. Com fotos grande x fotos
F
IS
produtos, lugares, conflitos ou ilustrações seguram pequenas
A e eventos em geral qualquer página
M
S
A
IN Análise e serviço ARTES-TEXTO
G podem contar com ilus- Têm esse nome porque, relações entre os
Á
P trações que interpretam quase sempre, o texto ocupa tópicos de texto
os dados e direcionam a a maior parte do espaço e tente criar um
leitura gráfico. São ótimo material diagrama ou esque-
Exemplos: Serviços, de apoio em reportagens com ma. Use ilustrações,
rankings, listas, apoios boas fotos e, em especial, vinhetas ou fotos
didáticos e cronológicos serviços ao leitor ligadas ao texto
Informações numé- GRÁFICOS -
ricas ou geográficas Por meio dos gráficos o plicidade, clareza e
devem privilegiar o uso leitor pode ter uma repre- contexto dos dados
de infográficos sentação visual de maior para criar uma
Exemplos: Divulgação de ou menor, queda ou alta e imagem srcinal
S
dados numéricos, estu- porcentagens, comparando
A dos, pesquisas e numeros de imediato as grandezas
C
I
F em geral em questão
Á
R
G
O A infografia merece DIAGRAMAS
F
IN maior espaço e investi- Nesse tipo de infográ fico, a qual estilo gráfico
S
I mento em pautas onde o imagem é a informação mais combina melhor
A didatismo é o foco da importante. A parte difícil é com o tipo de in-
M
S reportagem que nem sempre a imagem formação que você
A Exemplos: ciência, saúde, visual está clara, pronta. Preci- pretende transmitir
IN arquitetura, urbanismo, sa de uma pauta objetiva e de e tipo de público
G
Á relações e processos mais tempo para produção ao qual se destina
P
146
ANEXO: DICAS PRÁTICAS DE INFOGRAFIA
147
ANEXO 1 - COMO FAZER UM INFOGRÁFICO
1 COMECE PELO TÍTULO 1 infográfico = 1 história
Crie um título que descreva o que o info vai Não exagere no conteúdo
mostrar. “O mapa da dengue”, por exemplo,gera
um resultado diferente de “Como evitar a dengue”.
Faça um título que ajude você e o infografista a
saberem qual é o objetivo do infográfico
2 MOSTRE VISUALMENTE A INFORMAÇÃO
Infografia é texto + imagem,
por isso não pense só no texto. Rabisque sua
ideia ou escolha uma das formas a seguir
3 4 5
O QUE VOCÊ QUAL COMO MELHORAR
QUER MOSTRAR RECURSO USAR O INFOGRÁFICO
Números GRÁFICOS Evolução
- Escolha UM gráfico principal. Faça os outros
Alta / queda menores criando uma narrativa
Participação Comp
a ra ç ão Distribuiç
ão
- Explique os números, mostre por que eles são
Comparações importantes:
Ex.: US$ 14 tri = 7 vezes o PIB do Brasil
Onde fica MAPAS - Marque referências que ajudem o leitor a
Trajeto/ como foi O nde
se localizar (monumentos, rios)
Dado s
Dados geográficos - Use o mapa como base para distribuir as
Cartogramas informações em pauta
- Trace rotas para orientar a leitura
Esquema DIAGRAMAS - Faça um rascunho antes de começar a
Organograma E s qu e m
a
escrever. Os textos vão acompanhar o diagra-
Passo a passo Flu xo
ma, não o contrário
Como funciona - Veja se o diagrama pode ser disposto em
mapa ou incluir valores ($, %, tempo)
Raio-X/ Dicas/ lista ARTES-TEXTO Ilustraçõe s
- Use intertítulos para separar os blocos
Entenda o caso - Use fotos ou ilustrações para ajudar a sinali-
Foto s
Como era/ ficou tas
zar os pontos principais
Vinhe
Crono/ Tabelas - Veja se não é possível organizar como um
diagrama, fica muito melhor
ANEXO 1 - COMO PENSAR VISUALMENTE?
1 EXPERIMENTE PENSAR NO Algumas histórias ficam mais fáceis
LEITOR COMO UM AMIGO
com IMAGEM do que só com texto
imagens que prendam a atenção e
facilitem a compreensão
fia são ferramentas e ficientes que
todo jornalista deve saber usar
observe como
os jornalistas
costumam
contar sobre…
PARA O LEITOR: 2 PARA OS AMIGOS:
SÓ TEXTO TEXTO + IMAGEM
Jornalista
Festa!!!!
…UM LUGAR
…UM VALOR Jornalista
Respondeu
ANEXO 1 - COMO ESCREVER PARA INFOGRAFIA?
1 TÍTULO E LINHA FINA DEVEM DESCREVER
O QUE O LEITOR VAI VISUALIZAR LEMBRE-SE: Em geral,
DUAS linhas no Word equivalem a
OITO linhas no infográfico
fazer uma matéria com esta abordagem e esco-
lher outro enfoque para o infográ fico
FAÇA O TEXTO EM FUNÇÃO DA IMAGEM
QUE PRETENDE REPRESENTAR
podem ocupar uma linha inteira
-
texto
SUBTÍTULOS E INTERTÍTULOS
organizar as informações
Alguns exemplos de texto para infografia
Arte-texto Mapa Diagrama Gráfico
2345
DICAS LOCAL DO ACIDENTE COMO FUNCIONA FRUTAS EM ALTA
Para driblar o calor Avião caiu as 18h A incineração do lixo como R$ por kg
fonte de energia
Roupas SÃO PAULO 2009
- Use roupas leves. O ideal é RIO DE JANEIRO 1 - COLETA - Caminhões 2010
usar uma camiseta leve de MINAS GERAIS recolhem o lixo nas ruas e 2011
algodão levam para usinas
Campinas 2 - QUEIMA - Na usina, os Banana
Alimentação Belo Horizonte resíduos são submetidos a 2,20
- Prefira alimentação mais Itajubá altas temperaturas 3,15
leve à noite (PDF anexo) 5,50
- Tomar ao menos 1,5 litro de (Avião Cessna 206 saiu de 3 - ENERGIA - A energia é
água por dia. Campinas as 17h30 e caiu transformada em vapor e Destaque 2011: Maior alta
em Itajubá) movimenta turbinas da desde nov.2002
Agrupe os itens Indique o Inclua referências Valorize o dado
com intertítulos quer mostrar visuais mais importante
ANEXO 1 - DÁ PRA COLOCAR UM DESENHINHO?
1 ATÉ DÁ, MAS NA INFOGRAFIA Assim que tiver a ideia pode pedir a
É MELHOR QUE A ILUSTRAÇÃO ilustração na Arte, o texto pode vir depois
TENHA UMA FUNÇÃO
em último caso
a ilustração para ligar e dar sentido a
informações que ficariam dispersas
Exemplos de bom uso da ilustração na infografia
2 3 4
Ilustração como informação Ilustração como Ilustração como sinalização
técnica/ científica metáfora visual da pauta do tema ou do personagem
-
trar este tipo de informação editorialmente temas que se que não tem fotos e o texto em
prolongam no noticiário tópicos é o mais relevante
coisas impossíveis de serem -
fotografadas como projetos, a “brincadeira” não atrapalhe a trações seja maior do que as
o mundo celular ou espacial informação que interessa de fato outras para orientar a leitura
151
152
INFOLIDE.COM
153
Potrebbero piacerti anche
- Manuale-Voltronic-serie-MPS-V-PLUS-ENManuale-Voltronic-serie-MPS-V-PLUS-ENHmazbouh
- O_surdato_nnammurato-1O_surdato_nnammurato-1francesco beltrame
- Gelido_in_ogni_vena.pdfGelido_in_ogni_vena.pdfYunie Gainza Desdin
- gelido in ogni vena vivaldi for voice and pianogelido in ogni vena vivaldi for voice and pianoZibelhan Dağdelen
- Outcast - World of TemplesOutcast - World of TemplesNikki Tucker
- Plano_ZFPlano_ZFKaren Cinthya Villa Alanoca
- APCEnotizie_n65APCEnotizie_n65henry307
- INFORMAZIONI COACHING ONLINE IBSINFORMAZIONI COACHING ONLINE IBSLuca
- [Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)[Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)Vader Jorge
- [Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)[Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)Vader Jorge
- Johnny_B.Good.pdfJohnny_B.Good.pdfMa Vzn
- big_bang_theory_themebig_bang_theory_themeJavi Esky
- voice-2018-07-19-00-07voice-2018-07-19-00-07Pulkit Thakur
- voice-2018-07-19-00-07 (1)voice-2018-07-19-00-07 (1)Pulkit Thakur
- voice-2018-07-19-00-07voice-2018-07-19-00-07Pulkit Thakur
- Madre Di GesùMadre Di GesùBach
- LogoLogoMarcello Di Lorenzo
- easy_boogie_woogieeasy_boogie_woogieChoven Media
- 0626 人生的旋转木马 久石让 动画哈尔的移动城堡主题曲 钢琴独奏谱0626 人生的旋转木马 久石让 动画哈尔的移动城堡主题曲 钢琴独奏谱lydia lydia
- score1score1nuokehun123456
- Ricciardo Amadino, Venezia, 1605 - 4Ricciardo Amadino, Venezia, 1605 - 4Luca
- AizomeAizomeDemetria Blackwell
- AizomeAizomeDemetria Blackwell
- Manual DP1000 ItalianManual DP1000 Italiansalcapi
- Kataama Ka RuhangaKataama Ka RuhangaBalamaze Isaiah
- coerenza cardiaca protocollocoerenza cardiaca protocolloKasper
- Missa De AngelisMissa De AngelisFilippo Morlacchi
- La Canzone Di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1La Canzone Di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1Marco Surace
- La canzone di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1.pdfLa canzone di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1.pdfMarco Surace
- PavanePavaneThiago Burioli
- 04 Analisi Triadi Rivolti04 Analisi Triadi Rivoltijankoduric
- Nanatsu No Taizai Opening 1 - Netsujou No Spectrum-PianoNanatsu No Taizai Opening 1 - Netsujou No Spectrum-PianoJean Paul Tomasto Córdova
- Nanatsu no Taizai Opening 1 - Netsujou no Spectrum-Piano.pdfNanatsu no Taizai Opening 1 - Netsujou no Spectrum-Piano.pdfJean Paul Tomasto Córdova
- Nanatsu no Taizai Opening 1 - Netsujou no Spectrum-Piano.pdfNanatsu no Taizai Opening 1 - Netsujou no Spectrum-Piano.pdfJean Paul Tomasto Córdova
- Dawe Mbabarira Par SandrineDawe Mbabarira Par SandrinePlacide Gentil Manishimwe
- DAWE MBABARIRA Par SandrineDAWE MBABARIRA Par SandrinePlacide Gentil Manishimwe
- 3273446-Super_Mario_Odyssey_-_Piano_Arrangement3273446-Super_Mario_Odyssey_-_Piano_Arrangementfadhel bouazra
- [phyxinon]_wings_of_piano_full.pdf[phyxinon]_wings_of_piano_full.pdfJack Chen
- [Phyxinon] Wings of Piano Full[Phyxinon] Wings of Piano FullJack Chen
- L2P1-224-marzo-2017_low.pdfL2P1-224-marzo-2017_low.pdfLiana Valdiviezo
- Jam-jest-chlebem-żywym-kopiaJam-jest-chlebem-żywym-kopiaBartosz Gajdowski
- 01 Hoy te quiero alabar01 Hoy te quiero alabaroscar enrique collado morales
- 瓶詰めの空瓶詰めの空Tortuga McJenkins
- (A3) A02 PLAN SITUATIE(A3) A02 PLAN SITUATIESvart George
- Minue ToMinue ToAdriana Dutruel
- O_MarenarielloO_MarenarielloAngela Gallaccio
- 2014-04_guida_TEE_completa_20142014-04_guida_TEE_completa_2014Marco De Santis
- Dragon Ball Super - Limit Break x SurvivorDragon Ball Super - Limit Break x SurvivorAxel Calderón
- [Phyxinon] Wings of Piano[Phyxinon] Wings of PianoSandy Apri
- [Phyxinon] Wings of Piano[Phyxinon] Wings of PianoSandy Apri
- Yuujin a - PianoYuujin a - PianoJosiah Bradley
- Yuujin A - PianoYuujin A - PianoDhemie Gono
- UNA FURTIVAUNA FURTIVAAndoni Martinez Barañano
- por ti mi corazónpor ti mi corazónIsrael Ramirez
- prova 11 marzo ar1prova 11 marzo ar1Matteo Malafronte
- Bamboleo.pdfBamboleo.pdfDavid Pinzon
- 350294039-Chorinho (1)350294039-Chorinho (1)Alan Puac
- Vivaldi - Cessate, omai cessateVivaldi - Cessate, omai cessateBruno Kota
- Yiruma_-_Do_You.pdfYiruma_-_Do_You.pdfYordan Aguilar
- La Bibbia si apre anche al non-credenteLa Bibbia si apre anche al non-credenteGian Carlo Duranti
- AnimeUnity ~ Fruits Basket (2019) 2 Streaming SUB ITAITA & Download.pdfAnimeUnity ~ Fruits Basket (2019) 2 Streaming SUB ITAITA & Download.pdfFrancesco Dolce
- BadinerieBadinerieMarco Drago
- Tutto Adriano CelentanoTutto Adriano CelentanoMassimo Vanzanelli
- Guida_alluso_di_RSLHelperGuida_alluso_di_RSLHelperMassimo Cavallini
- passato prossimo spiegazionepassato prossimo spiegazioneMárk Stempler
- Pokemon Theme Song PianoPokemon Theme Song PianoARYANI
- Anfitrione e Alcmena promessaAnfitrione e Alcmena promessaEmmanuele
- Sceneggiatura correzioneSceneggiatura correzioneLuca Fraticelli
- Manuale BIG3-RTManuale BIG3-RTdeltap pt
- ACUSTICA E EVAC DOWNLOAD_ - PDF Free Download.pdfACUSTICA E EVAC DOWNLOAD_ - PDF Free Download.pdfPetronelà Popa
- Kimetsu no Yaiba Ep 19 Full OST - The Song of Tanjiro Kamado (Fonzi M).pdfKimetsu no Yaiba Ep 19 Full OST - The Song of Tanjiro Kamado (Fonzi M).pdfAnonymous Z1RHn9E
- LETTERA-DI-PRESENTAZIONE-AZIENDALE.docLETTERA-DI-PRESENTAZIONE-AZIENDALE.docAnonymous yQu02E9i6
- esercizi condizionaleesercizi condizionalePro Killa
- IL CITTADINO 6 MARZO 2010IL CITTADINO 6 MARZO 2010stefano
- GSD8-RFM_v21.1GSD8-RFM_v21.1Luis Arturo Loza
![[Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)](https://imgv2-1-f.scribdassets.com/img/document/536025125/149x198/7d2e48d439/1635575885?v=1)
![[Konosuba Season 2 Op] Tomorrow - Machico Fonzi m (2)](https://imgv2-2-f.scribdassets.com/img/document/536023365/149x198/e7079887cc/1635574498?v=1)
![La Canzone Di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1](https://imgv2-2-f.scribdassets.com/img/document/386520070/149x198/35fdc8274e/1544236140?v=1)
![La canzone di Maria Chiara (Chieffo) E_RE00166 [Dm]2an1.pdf](https://imgv2-1-f.scribdassets.com/img/document/391333199/149x198/f85ddac0a0/1544280047?v=1)
![[phyxinon]_wings_of_piano_full.pdf](https://imgv2-1-f.scribdassets.com/img/document/410539315/149x198/3e955ae405/1558161607?v=1)
![[Phyxinon] Wings of Piano Full](https://imgv2-1-f.scribdassets.com/img/document/402834770/149x198/41523fb6e8/1652706683?v=1)
![[Phyxinon] Wings of Piano](https://imgv2-2-f.scribdassets.com/img/document/496298561/149x198/40a4469b0b/1614471980?v=1)
![[Phyxinon] Wings of Piano](https://imgv2-1-f.scribdassets.com/img/document/496298476/149x198/913ebe0072/1614471927?v=1)
