Infografe Mario Kanno Pag Dupla

1
Infografe
Como e porque usar infogrfcos
para criar visualizaes e comunicar de
forma imediata e efciente
MRIO KANNO
C
O
M

D
I
C
A
S

E

E
X
E
M
P
L
O
S
2 3
MRIO KANNO
Infografe
Como e porque usar infogrfcos para criar visualizaes
e comunicar de forma imediata e efciente
Edio eletrnica
So Paulo
INFOLIDE.COM
2013
4 5
Sobre o autor, Mrio Kanno
Bacharel em Comunicao Social (Publicidade e Propaganda)
pela Escola de Comunicaes e Artes da Universidade de So Paulo
(ECA-USP)
Profssional da Editoria de Arte da Folha de S.Paulo desde 1989
onde exerce atualmente a funo de Editor Adjunto, mais focado
em especiais, web e TV
Prmios: Folha, Abril, SND, Malofej
Professor do curso de Jornalismo Multimdia (ps-FAAP). Deu
aulas no IED So Paulo (Istituto Europeo di Design), ECA/USP,
Faccamp e Csper Lbero
Organizador da Mostra Nacional de Infografa
Membro do INFOLIDE, grupo de designers e jornalistas que pro-
move encontros, cursos e palestras voltados ao aprimoramento do
jornalismo visual e infografa
Agradecimentos
Agradeo a Folha e ao Otavio pela cesso das imagens utilizadas
neste livro e pela oportunidade de trabalhar e aprender com alguns
dos melhores jornalistas do pas. A todos com o qual tive o prazer
de trabalhar, em especial aqui meu chefe/parceiro Fbio Marra. Ao
Lucas Toffoli que ajudou na montagem e reviso. E, a minha famlia:
Rose, Gustavo, Branquinho, Seu Jorge, Dona Elza, Si e Ju.
APRESENTAO
Este livro no apenas para jornalistas apesar de ter sido pensado
originalmente durante um semestre no qual tive o prazer de voltar
a ECA-USP (onde me graduei) como professor convidado para dar
aulas de Jornalismo Visual e Infografa. Distante de ser um trabalho
acadmico, o contedo rene minha experincia em mais de 20 anos
trabalhando com infogrfcos nas mais diversas funes e tipos de
publicao ( jornal, revista, video, web e at Power Point).
Trabalhei com uma enorme variedade de profssionais e as mais di-
ferente pautas que se possa imaginar. Acho interessante como cada
novo assunto representa um novo desafo visual, como um amontado
de textos e dados aparentemente sem conexo vo ganhando signi-
fcado conforme o infogrfco vai fcando pronto.
Acompanho tambm a difculdade que as pessoas tem em adotar
uma retrica visual. Como no conseguem sair de um mundo feito
s de texto para criar e usar imagens, grfcos, mapas e diagramas.
Espero que este livro ajude.
Trecho do PNLD 2014 (PROGRAMA NACIONAL DO LIVRO DIDTICO)
6 7
SUMRIO
INTRODUO ........................................................................................7
INFOGRAFIA E JORNALISMO VISUAL .......................................10
ORIGENS DA INFOGRAFIA ............................................................ 36
COMO PRODUZIR INFOGRFICOS ............................................ 55
Artes-texto .............................................................................................74
Grfcos .................................................................................................. 87
Mapas ..................................................................................................... 99
Diagramas ilustrados ........................................................................ 104
FAA SEU INFOGRFICO BRILHAR .......................................... 118
PENSE A PGINA COMO UM TODO .......................................... 144
ANEXO 1: DICAS PRTICAS DE INFOGRAFIA ....................... 146
INTRODUO
Eu vejo o jornalismo, principalmente o jornalismo investigativo dos
grandes jornais, como uma orquestra sinfnica. No pelo lado de ser
uma conjuno de especialistas trabalhando em sintonia, pois alguns
grandes jornais parecem mais tocar o samba do crioulo doido. Mas por
de ser uma grande e cara estrutura, cheia de regras e melindres, que
chegou a ter seu apogeu quando enchia os sales e todas as grandes
metrpoles eram obrigadas a ter sua prpria sinfnica, disputando
maestros e virtuoses. E vejo tambm como a sofsticao e a pompa
da msica clssica praticada pelas orquestras foi evoluindo de tal
forma que os msicos j no compunham para os ouvintes, dispu-
tavam entre si quem faria a melodia mais inovadora ou difcil de ser
reproduzida. Dane-se o pblico.
Deu no que deu. Grandes orquestras desapareceram, outras sobre-
vivem com difculdade ou tentam se encaixar s mudanas at hoje.
O pblico continua a ouvir msica. Danem-se as orquestras.
Foi do prprio Otavio Frias Filho, diretor de redao da Folha de
S.Paulo, o maior e mais infuente jornal do Brasil, que ouvi o co-
8 9
mentrio de que alguns jornalistas no esto escrevendo para os
leitores, escrevem para si mesmo e para os outros jornalistas. Para
qu? Para ter sua assinatura grafada no incio da reportagem. Se o
leitor entendeu a reportagem? Dane-se o leitor.
Mas o leitor no se preocupa com isso. Para substituir sua sede de
informao (estamos na Era da Informao) ele tem a TV, que tambm
conta com uma estrutura grande, mas lembra mais um megashow de
rock e continua atingindo massivamente uma audincia passiva. E tem
a internet, que alm de reproduzir o contedo dos grandes jornais,
conta com os blogs. Na analogia da msica, estes so como cantores
de rap, disparando informao s vezes sem preciso, compromisso
ou responsabilidade. Mas isso tambm no preocupa o leitor. Ele
inteligente e, como recebe informao de vrias fontes, tem capaci-
dade para cruzar dados e investigar mais se achar necessrio. Pode
at, vejam s, comprar um jornal ou uma revista s para confrmar
o que ouviu dizer na TV, no rdio ou na internet.
Ou seja, o leitor vive sem jornal (impresso ou digital).
Mas e o jornal? Ser que os jornalistas acreditam mesmo que vo
viver sem leitores? Que os leitores continuaro pagando por uma
informao que eles no conseguem entender?
sobre como melhorar a transmisso da informao -digital ou
impressa- e que este livro vai tratar. A infografa e o jornalismo vi-
sual vieram para fcar. O jornal Orquestra Sinfnica com textos
rebuscados e obscuros tem que dar lugar a um novo jornalismo onde
a iconografa (fotos, infogrfcos e ilustraes) atue para que as in-
formaes contidas nas reportagens sejam entendidas e satisfaam
nossos queridos e essenciais leitores.
Enquanto os jornalistas continuarem esquecendo que comunicar
no oferecer ao leitor um bloco hermtico de texto e que a comu-
nicao s acontece quando o receptor (leitor) entende a mensagem
transmitida, a discusso sobre o futuro do jornal no vai dar em nada.
10 11
INFOGRAFIA E JORNALISMO VISUAL
Denomina-se jornalismo visual a pratica de combinar estrategica-
mente texto e imagens para melhorar a efcincia da comunicao
jornalstica. Os textos (informao verbal) podem ser escritos ou
falados, j as imagens (informao grfca) podem ser transmitidas
utilizando fotografas, infogrfcos, ilustraes, cores, fos, formas,
branco, tipografa, flmes, animaes.
Nesse contexto, o infogrfco (termo originado de information gra-
phics) uma ferramenta com o mesmo objetivo, comunicar com-
binando imagens e palavras, e que faz uso dos mesmos recursos. o
jornalismo visual dentro do jornalismo visual. O que vai diferenci-lo
a ausncia do texto/narrativa convencional (colunas de texto) que
substitudo por cotas, legendas e blocos de texto em tpicos e o uso
intensivo de diagramas representao grfca de fatos, fenmenos ou
relaes por meio de fguras geomtricas (pontos, linhas, reas etc.).
Por contar com todos os recursos disponveis na comunicao grfca
e, normalmente, ter regras mais fexveis quanto diagramao, o
uso de cores, fos e formas, e o tamanho/uso da tipografa, o info-
grfco tem uma enorme vantagem no sentido de se diferenciar do
texto convencional, valorizando as pautas e oferecendo ao leitor uma
forma alternativa de leitura.
comum encontrar defnies afrmando que o infogrfco ilustra
e d mais clareza a assuntos difceis, ou que os leitores podem
entender coisas complexas como estruturas, relaes geogrfcas,
processos ou aes de causa e efeito. isso, mas no bem isso. O
que acontece na verdade que h assuntos que o texto sozinho no
capaz de explicar com clareza, e, por isso, o assunto acaba parecendo
complexo e difcil. Ou seja, h muitos casos nos quais o texto no
a forma adequada para transmitir a informao. Tomemos o mapa,
a fgura mais antiga da infografa, como exemplo: algum tentaria
fazer os mapas em forma de texto corrido? No! Pois todos sabem
que o mapa (infografa) cumpre melhor a funo de representar esse
tipo de informao.
O infogrfco no tem o poder milagroso de fazer coisas complexas
fcarem simples, ele apenas a melhor maneira de representar certo
tipo de informao. Da mesma forma que o texto o meio mais efcaz
de descrever outros tipos de informao e a foto mais efciente em
outros casos.
essa a principal vantagem a de poder representar visualmente
informaes que a foto e texto no representam com efcincia que
os jornalistas devem ter em mente quando comeam a pensar em
como vo contar sua histria. Outro aspecto vantajoso da infografa na
comunicao, em especial no didatismo, o uso de uma linguaguem
verbal mais direta, dividida em tpicos, que permite uma leitura
mais rpida e compreenso mais imediatada por parte dos leitores.
12 13
O leitor pode ainda navegar pelo infogrfco com maior facilidade,
indo e voltando a cada um dos tpicos de informao numa leitura
no-linear, diferente da que encontra no texto organizado em m-
dulos e colunas.
acrescentando informao visual e criando uma alternativa
narrativa convencional, em especial nas mdias impressas, que a
infografa est avanando, colaborando para um jornalismo mais
visual para atender aos consumidores de informao.
Por que fazer um jornalismo mais visual
No apenas por infuncia da TV, das revistas ou da internet que
os consumidores (leitores) esto mais visuais.
O ser humano um ser visual. de sua natureza assimilar primeiro
as imagens. Primeiro, ns aprendemos visualmente, depois come-
amos a falar e muito depois conseguimos entender e escrever as
palavras. Num exemplo acadmico recorrente: se eu disser cadeira
no sero as letras e slabas que formam a palavra que iro aparecer
na sua mente, mas a imagem de um objeto que nosso crebro associa
com uma cadeira. Embora a maior parte do conhecimento humano
esteja registrada de maneira verbal, grande parte de nossa memria
e da maneira como compreendemos o mundo so visuais.
Foi da representao de imagens feitas em pedra (petrglifos) que
surgiram alguns dos primeiros registros conhecidos feitos pelo ho-
mem. Essa forma de representao evoluiu at chegar a uma lingua-
guem composta de pictogramas, como os cuneiformes da Sumria e
os hierglifos egpcios. Eles abriram caminho para a escrita atual em
um processo que durou milhares de anos. Mesmo depois de inventada
a escrita ela era acompanhada de outras formas de representao,
como nas ilustraes das antigas bblias, que, alis, precisavam ser
ricas em imagens pois grande parte da populao era analfabeta. Da
poca do Renascimento, os registros tcnicos do italiano Leonardo
Da Vinci so exemplo de integrao da imagem com o texto, verda-
deiras obras de arte da visualizao de dados.
A imprensa ajudou a separar a imagem do texto
A introduo da imprensa e seu processo industrial de tipos mveis,
inicialmente limitado, fzeram com que a comunicao verbal (escri-
ta), se separasse da no-verbal (imagem). As mquinas eram feitas
privilegiando a reproduo do texto e quase toda iconografa foi sen-
do suprimida. Foi com maquinrio ainda rudimentar que surgiram
os primeiros jornais; da vem o uso intensivo e quase exclusivo da
escrita como registro da informao, enchendo as pginas de texto.
Associa-se ainda a idia de que quanto mais texto, mais informao.
A introduo dos computadores pessoais nas redaes, que acon-
teceu nos anos 80, e os avanos nas tcnicas e mquinas de edio,
diagramao e impresso abriram espao para que a linguaguem
iconogrfca voltasse a ser reconhecida como forma legtima e efcaz
de registrar a informao. Ao mesmo tempo, o acesso do consumidor
s informaes imediatas disponveis no rdio, na TV e na internet
faz com que os jornais no tenham que se preocupar tanto com a
quantidade de informao, e sim com a qualidade do que publicado.
14 15
A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA
Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite
1921
Dirio inicia com uso da
tipografa manual
Texto
100%
1949
A empresa
adota a linotipia
16 17
1967
O jornal pioneiro
em impresso off-set
1971
Jornal adota o istema
eletrnico de fotocomposio
18 19
1989
Cor e computadores
para infografa
1990
implantado o sistema
de paginao eletrnica
20 21
1994
Uso intensivo e at
exagerado da cor
1995
Inaugura novo
centro grfco
22 23
2006
Projeto grfco j visava
leitura mais rpida
2012
Aposta no infogrfco como
diferencial de qualidade
Foto
Infografa
65%
20%
15%
Texto
24 25
A iconograa e os leitores
O impacto da reintroduo da iconografa est descrito nas pginas
a seguir. So resultados de pesquisas para medir o que os leitores
veem quando olham uma pgina de jornal.
O primeiro grfco (Poynter Institute) mostra que apenas 25% dos
leitores v o texto, enquanto 80% veem os infogrfcos. Podemos
entender que, se o poder de atrao da infografa for usado correta-
mente teremos uma comunicao mais efciente.
O quadro a seguir refora o poder da iconografa. tambm resultado
de uma pesquisa do tipo eye-tracking com jornais escandinavos
feita a pedido do SND/S (Society for News Design Scandinavia). As
linhas vermelhas e pretas indicam por onde passou o olhar do leitor
enquanto olhava as matria, os crculos representam onde seu olhar
fxou, repare que, quando texto e imagem esto separados, o olhar do
leitor pula o texto e vai direto para as imagens. O mais interessante
e revelador para o jornalismo visual o segundo exemplo, quando as
imagens e o texto atuam em conjunto. Note como o olhar do leitor
passeia pela informao indo e voltando, fxando o olhar ora no
texto, ora nas imagens.
Por ltimo, em 2008 o Poynter Institute conduziu nova pesquisa
com leitores. Foram produzidos trs modelos de pgina para testar
a efciencia de narrativas alternativas. No modelo 3, o que obteve
melhor resultado, no h uma linha de texto tradicional no apenas
nos formatos, mas tambm na maneira como esto escritos. Para
substitui-lo usaram infogrfcos e textos em tpicos nas formas de
perguntas e respostas, linha do tempo, fcha, passo a passo e box de
nmeros.
QUASE 100 ANOS DEPOIS
Passado
100% texto
0% imagem
Presente
60% texto
40% imagem
Mas os jornalistas continuam os mesmos
26 27
O QUE O LEITOR V
Elementos nos quais o leitor foca o olhar, segundo a pesquisa americana
Ttulos
Notas
Legendas
56%
Infogrfcos
80%
29%
Texto
25%
31%
Anncios
52%
Fotos
75%
Infogrfcos e fotografas lideram; apenas um em cada
quatro leitores foca o olhar no texto tradicional
Fonte: Eyes on the News, Garcia, M.R. and Stark, P. (1991). St. Petersburg, Florida: The Poynter Institute.
COMO O LEITOR L
Exemplos de caminho do olhar do leitor em pesquisa eye-tracking*
Fonte: Tracing Integration of Text
and Pictures in Newspaper Reading,
Jana Holsanova, Nils Holmberg &
Kenneth Holmqvist, Lund University
Cognitive Science.
TEXTO E IMAGENS
INTEGRADOS
RESULTADO
Texto tradicional
ignorado.
Ttulo e infografa
monopolizam o olhar
RESULTADO
Infografa
integrada ao texto
aumenta a leitura
TRECHO DAS
CONCLUSES
Pelos nossos dados, textos
acompanhados por imagens
so observados por um
tempo signifcantemente
maior.
Textos com infogrfcos,
contudo, so observados
por um tempo ainda maior
do que os textos com ou-
tros tipos de imagens.
Infogrfcos aumentam o
tempo de leitura mais do
que qualquer outro tipo de
imagem
TEXTO E IMAGENS
SEPARADOS
As linhas vermelhas e
pretas representam o
caminho do olhar na
pgina. O tamanho dos
crculos proporcional
ao tempo que o olhar se
fxou na imagem
28 29
QUAL PGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flrida, EUA) testou trs modelos
de pgina com o mesmo contedo
Modelo 1
Texto tradicional forma em um nico
bloco de quatro colunas
Modelo 2
Texto tradicional ocupa uma coluna.
Restante foi dividido tpicos
QUAL PGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flrida, EUA) testou trs modelos
de pgina com o mesmo contedo
Resultado
Os textos em tpicos formando per-
guntas e respostas, linha do tempo,
fcha, passo a passo e box de nme-
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 questes correta-
mente.
Fonte: Eyetracking The News: A Study Of Print And Online Reading, Poynter Institute. (http://www.poynter.org/extra/Eyetrack/keys_03.html)
Modelo 3
Sem texto tradicional, apenas texto
em tpicos
30 31
Ou seja, no se trata de eliminar a informao em forma de texto, mas
de buscar tratamentos grfcos variados, combinando informao
visual, para que os leitores tenham mais entradas de leitura e formas
alternativas de representao para que a mensagem seja transmitida.
importante que o jornalista compreenda que a reportagem no se
restringe ao seu valioso texto assinado. A reportagem inclui a foto, o
infogrfco, a diagramao e outras formas no-verbais, e ele pr-
prio, reprter ou redator responsvel pela reportagem, a pessoa mais
indicada para escolher qual a melhor alternativa para transmitir sua
mensagem. A ideia no acabar com o todo o texto e transformar
tudo em grfcos e fotos. O foco entender que em certas situaes
da edio preciso fazer uma opo e substituir os tradicionais bloco
de texto por outras formas de registro da informao.
O novo jornalista
A indstria da informao est sendo cruel com os jornalistas. Ao
mesmo tempo que so empurrados para se tornarem especialistas
em determinados assuntos, eles tambm precisam fazer com que
suas cabeas trabalhem como uma minieditoria. Pensar e produzir
a matria como um todo. A investigao e apurao passaram a ser
apenas parte de suas tarefas. Hoje, quando recebe uma pauta, ele
precisa pensar tambm no desenho da pgina, na foto e no infogr-
fco, ou ilustrao. Em situaes limite, ele prprio quem tira foto
e edita os infogrfcos. H ainda as verses para internet, celular
e blogs muita coisa para qualquer pessoa, mas o jornalista no
precisa, nem deve, resolver tudo sozinho.
O FUTURO DO JORNAL E O JORNALISTA DO FUTURO
Cobertura de 2009 j revelava uma tendncia cada vez mais presente: o jornalista-faz-tudo
Enviado especial a
Washington em 2009, o
reprter Fernando Canzian
produziu o texto principal,
coletou nmeros para o
infogrfco e ainda fez as
fotos que ilustravam sua
matria
Hoje, alm destas tarefas,
tem que pensar e produzir
vdeos para a TV e alimen-
tar um blog na internet
32 33
Os jornais e os leitores vo ganhar muito se os profssionais do texto
aprenderem a trabalhar em conjunto com os infografstas, diagrama-
dores e fotgrafos. So raros os reprteres que conseguem imaginar
sozinhos qual a tipo de tratamento visual sua reportagem deve ter e
mesmo estes tm o seu trabalho mais bem fnalizado se podem con-
tar com a ajuda de outras pessoas para encontrar a melhor maneira
de contar visualmente suas histrias. A sinergia resultante da soma
de esforos ajuda a sair dos lugares comuns e encontrar solues
adequadas e originais.
Em vez de trabalhar sozinho, o jornalista deve envolver infografs-
tas, diagramadores, fotgrafos e at o banco de dados na apurao
da histria. Isso se faz, dentro das redaes, com uma comunicao
mais detalhada da pauta. Em uma pauta sobre hidroeltricas, por
exemplo, existem inmeras abordagens possveis. Se os profssionais
responsveis pelo contedo visual no souberem com clareza qual
o objetivo da pauta, provvel que na hora de fechar a matria haja
um texto contando uma histria, um grfco ou mapa contando outra
e ainda uma foto com uma terceira histria.
A falta de tempo no a culpada para falhas na comunicao interna
das redaes. Trs horas em uma revista no so nada, nos jornais
tempo sufciente para uma cobertura de grande porte, na internet
uma eternidade. A culpa mesmo da falta de cultura visual dos
responsveis pela informao, que s conseguem pens-la na forma
de texto. Eles devem ter em mente que, no jornalismo que fazemos
hoje, as imagens (fotos, infogrfcos e ilustraes) devem ser pensa-
das como informao e mesmo o texto deve buscar novas solues
na diagramao, formatos que ajudem o leitor a encontrar o que
procura e que usem uma linguaguem mais direta e diferenciada de
acordo com seu contedo.
Diviso de culpa
Responsabilizar apenas os profssionais de texto pela falta de cultura
visual ignorar boa parte do problema. Diagramadores, infografstas
e fotgrafos tambm tm sua parcela de culpa. Na contramo dos
jornalistas, muitas vezes eles preferem privilegiar uma imagem sem
informao relevante apenas por seu valor esttico. Esses profssionais
tambm precisam comear a aprender jornalismo e valorizar mais a
informao que a esttica. S assim deixaro de ser decoradores de
pgina e tero respeito profssional dentro das redaes.
Na imprensa brasileira, comum que a infografa e a diagramao
sejam chamados de Editoria de Arte, ou Departamento de Arte, mas
eles no devem se deixar seduzir pela denominao. No arte o
que fazem. Eles so os maiores responsveis para que o jornalismo
visual seja bem executado. Cabe a eles decidir junto com os reprte-
res quais as melhores alternativas grfcas e iconogrfcas para cada
histria a ser contada. E orient-los.
Culpar os profssionais de texto por no pensarem visualmente
fcil. Assumir uma postura ativa, estar por dentro do noticirio, de-
senhar com responsabilidade jornalstica, utilizar imagens claras e
bem articuladas com o texto, interferir no contedo colaborando na
apurao, ir ao local da notcia, escrever o texto, se necessrio, e ter a
capacidade de antecipar as coberturas o novo desafo das Editorias
de Arte. Assumir, enfm, que no so artistas, so jornalistas visuais.
34 35
Reprteres
e redatores
Iniciam a apurao que vai
sendo traduzida em forma
exclusiva de textos sem
pensar nas imagens
Fotografa
Recebe na ltima hora
o pedido para produzir
uma foto no local x,
horrio y. Desconhece
o enfoque jornalstico
Infografa e diagramao
Tm de inventar alguma soluo
grfca para acomodar nmeros,
textos e imagens desconexos.
De preferncia com um
desenhinho
JORNALISTA QUEM ESCREVE
Aciona apenas
o reprter ou o redator
No pensa na imagem
e defne a pgina sozinha
RESULTADO
Pgina fraca onde texto,
foto e infogrfco no se
integram e contam histrias
diferentes. Fechou, amanh
vamos fazer igual!
Reprteres
e redatores
No se interessam pelo
jeito que a notcia vai
estar apresentada desde
que esteja com a assi-
natura. Sua parte est
feita, agora o problema
do leitor
Fotografa
Seleciona a foto mais
pelo tamanho do que
pelo contedo. Nao
raro acaba tendo que
optar por uma foto do
banco de imagens
Infografa e
diagramao
Das duas uma: ou joga a
culpa no projeto grfco
ou partem para enfeitar a
pgina e o infogrfco com
cores e tipografa de efeito
apenas decorativo
JORNALISMO TRADICIONAL
Prioriza o texto, acredita que s ele
contm e transmite informao. Funciona
como uma linha de montagem
PAUTA
EDIO
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 1 COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 2
Reprteres e
redatores
Iniciam a apurao
sempre pensando em
qual a melhor maneira
de contar a histria:
texto, foto, infografa
ou ilustrao
Fotografa
Ciente do enfoque,
tem condies de
contribuir na narrati-
va, buscando imagens
que acrescentem
histria
Infografa e
diagramao
Ajudam na apurao
e interpretao dos
dados. Buscam solu-
es mais adequadas.
Pensam na pgina
TODOS SO JORNALISTAS
Defne a pgina junto
com a equipe
RESULTADO
Texto, foto e infogrfco
formam um conjunto
nico que se completa.
Fechou, amanh vamos
fazer melhor!
Reprteres e
redatores
Tomam cuidado espe-
cial com os textos que
fazem parte da narrativa
visual (ttulos, infogrf-
cos e legendas) orien-
tando a leitura
Fotografa
Sintoniza as fotos
selecionadas com a co-
bertura, buscando fotos
que dialoguem com
os ttulos e propondo
cortes que valorizem a
imagem fotogrfca
Infografa e
diagramao
So os principais res-
ponsveis pelo discurso
visual da pgina. Testam
alternativas at chegar a
uma que melhor valorize
a informao, seja ela
imagem ou texto
Aciona toda a equipe.
Tenta dimensionar a
notcia e aponta solues
JORNALISMO VISUAL
Prioriza o trabalho em equipe. Entende as
funes de foto, texto e infografa
PAUTA
EDIO
36 37
ORIGENS DA INFOGRAFIA
A infografa em jornais e revistas s comeou a ganhar flego e certa
independncia com a disseminao da cor na mdia impressa, em
meados dos anos 80 do sculo passado. No entanto, os estudos dos
professores Michael Friendly e Daniel J. Denis, da Universidade de
York, Canad, nos fazem lembrar que a visualizao de dados j exis-
tia fora das grandes mdias de consumo e remonta a tempos muito
mais distantes, sendo anterior escrita como forma de registro e
comunicao.
O sensacional trabalho de Friendly e Denis est acessvel via inter-
net e deve ser consulta obrigatria para profssionais de design e
jornalistas visuais: http://math.yorku.ca/SCS/Gallery/milestone/
leva pgina, em ingls, que descreve os principais momentos na
histria da visualizao de dados (Milestones in the History of
Thematic Cartography, Statistical Graphics, and Data Visualization,
an illustrated chronology of innovations by Michael Friendly and
Daniel J. Denis). H inclusive uma verso resumida em pdf escrita
em portugus.
PRIMRDIOS DA VISUALIZAO DE DADOS
c. 550 a.C.
O mundo segundo Anaximandro
de Mileto (c.610 a.C.- 546 d.C.)
c. 6.200 a.C.
O primeiro mapa gravado em pedra
representa moradias e, ao fundo, um vulco
c. 30.000 a.C.
Pinturas em cavernas
38 39
fato que a comunicao visual precede a escrita e pode ter infu-
ncia direta na maneira como reagimos a sinais visuais como gestos,
cores e smbolos. O verde das matas e o vermelho do fogo estariam
impregnados em nosso incosciente, sinalizando o bom e o ruim para
o homem primitivo.
H 30 mil anos o homem j fazia registros em cavernas. Se pretendiam
contar uma histria no se sabe, mas algumas pinturas sobrevive-
ram. Os petrglifos, smbolos esculpidos em rocha, so reconhecidos
como evidncia de uma forma de linguaguem grfca em sociedades
primitivas.
Uma dessas gravuras em rocha, encontrada perto de Kirkuk no Ira-
que, aceita como a representao de um mapa de uma cidade da
antiga Babilnia. um dos primeiros registros conhecidos no qual
o homem no apenas grafa um smbolo, mas transforma dados geo-
grfcos em informao visual, sinalizando casas e ruas.
A seguir, traamos uma breve cronologia da visualizao de dados a
partir da diviso histrica feita por Friendly e Denis.
At o sc. 16: Primeiros Mapas e diagramas
A origem da visualizao reside nos mapas e no difcil imaginar
o quanto era importante para os povos primitivos saber a localiza-
o geogrfca de rios, montanhas, plantaes e aldeias (amigas e
inimigas). A posse de conhecimento desse tipo de informao era
essencial para a sobrevivncia dos povos, tanto para o comrcio
como para conquistas.
APERFEIOAMENTO DOS MAPAS E PRIMEIROS GRFICOS
c.150
Ptlomeu
(c.85-c.165) fez a
primeira projeo
esfrica da Terra
usando latitudes e
longitudes
c. 1350
O bispo francs
Nicole dOresme
(1323-1382)
prope o uso de
grfcos de barras
para demonstrar
visualmente uma
grandeza numrica
1595
Rumold Mercator (1545-1599),
flho de Gerardus continua seu
trabalho e publica este mapa-
mndi em 1595, um ano aps a
morte do pai
40 41
Outros tipos de representao grfca podem ter sido abandonados
ou substitudos aps o advento da escrita, mas a cartografa se man-
teve acompanhando todos os desenvolvimentos tecnolgicos da
humanidade. 8200 anos depois do primeiro mapa conhecido, ainda
fcamos maravilhados com GPS nos carros ou olhando nossas casas
no Google Earth.
As sociedades antigas sabiam que a cartografa no era apenas um
smbolo de conhecimento, mas tambm de poder. Permitia garantir
fronteiras e propriedades, delimitar inimigos e encontrar os melhores
caminhos para os atacar ou para se proteger. Assim, a humanidade
sempre registrou o mundo conhecido em mapas.
O primeiro mapa-mndi teria sido feito pelo grego Anaximandro
de Mileto (c. 610 a.C.-546 a.C.) e representava a Terra no formato de
uma pizza, com oceanos em suas bordas, mas mostrando apenas as
partes ento conhecidas da Europa, frica e sia. difcil imaginar
que esta imagem tenha exercido uma infuncia negativa ao mpeto
de desbravadores rumo aos limites das terras conhecidas.
Com o passar do tempo, a preciso cartogrfca foi sendo apurada
e as trocas comerciais revelaram novas terras, ampliando o mundo
conhecido at chegar aos mapas que usamos atualmente.
Foi Gerardus Mercator (1512-1594), matemtico e gegrafo quem
revolucionou a cartografa ao desenvolver o mapa-mndi em proje-
o cilndrica. Esse sistema permite que os dados da esfera terres-
tre possam ser representados em um mapa plano. Embora criando
distores visuais (a Groenlndia parece maior do que a Amrica do
Sul, por exemplo) seu trabalho um marco na representao geo-
grfca da Terra. Rumold Mercator (1545-1599), flho de Gerardus,
continuou o trabalho e publicou o mapa-mndi em 1595, um ano
aps a morte do pai.
nesse perodo que aparecem tambm as primeiras abstraes
grfcas envolvendo variveis. Associados astronomia, grfcos de
linhas descreviam as trajetrias dos planetas e estrelas. Os grfcos de
barras foram criaes do bispo e matemtico francs Nicole dOresme
(c. 1323-1382) para demonstrar diferenas de valores.
O personagem mais eminente na visualizao de dados moderna
foi sem dvida o italiano Leonardo da Vinci (1452-1519). Todo seu
trabalho era transposto em ilustraes detalhadas que retratavam a
anatomia, as mquinas e os movimentos, criando uma linguaguem
que associava texto e imagem no muito diferente da encontrada
atualmente em infografa de jornais e revistas.
1600 a 1699: Medies e teorias
mais simples entender os avanos da visualizao de dados cap-
tando os momentos histricos da sociedade. A expanso martima, a
acelerao das viagens e do comrcio levaram a representao visual
para os campos da medio fsica (tempo/distncia), da astronomia,
da navegao e da expanso territorial. O crescimento das cidades e
das riquezas favorece o aparecimento de estimativa e estatstica. A
cartografa ganha novas projees para substituir os desvios visuais
criados por Mercator e os grfcos se tornam mais disseminados e
precisos.
42 43
NOVAS FORMAS DE REPRESENTAO
c. 1500
O italiano Leonardo da
Vinci (1452-1519) transpe
seu conhecimento em
ilustraes detalhadas
para retratar a anatomia,
mquinas e movimentos
1782
O primeiro mapa topogrfco.
Marcellin du Carla-Boniface,
Frana
1669
Grfco de funo
mostra como
encontrar os anos
de vida restantes de
acordo com a idade
atual, de Christiaan
Huygens (1629-1695)
INTRODUO DOS GRFICOS MODERNOS
1786
Grfco de barras e
de linhas com dados
econmicos. William
Playfair (1759-1823),
Inglaterra
1801
Grfco de pizza
circular, de William
Playfair (1759-1823),
Inglaterra
1819
Cartograma, mapa com a
distribuio do analfabetismo na
Frana.Talvez o primeiro mapa
estatstico. Baron Pierre Charles
Dupin (1784-1873), Frana
1820
Publicaes
cientfcas
comeam a contar
com grfcos e
diagramas. Desenho
de Michael Faraday
(1791-1867),
Inglaterra
44 45
1700 a 1799: Novas frmulas grcas
Nesse sculo, os mapas deixaram de ser segredo de poucos e come-
am a receber outras camadas de informao alm das geogrfcas.
Economia, demografa, geologia e sade passam a se utilizar de mapas
para transmitir informaes. Cresce o volume de dados e novas for-
mas de visualizao vo sendo introduzidas. Novidades tecnolgicas
impulsionam a imprensa e a litografa.
O nome mais importante para a infografa atual neste perodo foi
William Playfair (1759-1823). Escocs, o engenheiro e economista
defendia a ideia que grfcos comunicavam melhor do que as tabe-
las de dados, utilizadas para apresentar os nmeros da economia.
Publicou The Commercial and Political Atlas (Londres, 1786) que
continha 43 grfcos de linha e um de barras. Seus trabalhos se no-
tabilizaram pela clareza visual e elegncia na disposio dos dados.
de sua autoria o primeiro grfco de pizza (Playfairs Statistical
Breviary, Londres, 1801).
1800-1849: O incio da infograa moderna
Um enxurrada de dados propicia um campo frtil para o desenvolvi-
mento das formas de visualizao. Grfcos e mapas evoluem para as
formas que usamos at hoje. Formas ousadas e alternativas de grfcos
de linhas, barra e pizza so testadas criando novas fguras abstratas
de representao. Escalas cromticas so associadas a regies geo-
grfcas resultando em complexos mapas estatsticos de disperso e
concentrao, semelhantes aos publicados nos dias de hoje.
Alm de consolidar defnitivamente as bases da moderna infografa,
no incio do sculo 19 um grande nmero de publicaes cientfcas
comeou a utilizar grfcos e diagramas para descrever fenmenos
naturais. Em seus estudos sobre o eletromagnetismo, por exemplo,
o ingls Michael Faraday (1791-1867) usa um diagrama simples
composto de linhas e setas para descrever a trajetria de campos
magnticos, um modelo de simplicidade e efcincia na concepo
de informao visual.
1850 a 1900: Era de Ouro das Estatsticas
Informaes numricas ganham importncia no controle e planeja-
mento social, poltico e econmico. A visualizao de dados avana
usando os recursos conquistados nos perodos anteriores, permi-
tindo a compreenso e anlise de um volume estatstico crescente.
As contribuies do matemtico e cientista alemo Carl Friedrich
Gauss (1777-1855) e do tambm matemtico e astrnomo francs
Pierre-Simon Laplace (1749-1827) deram sentido a esse grande
nmero de dados.
Para a infograa moderna h pelo menos trs casos
particulares que merecem ateno especial.
1855 - A cidade de Londres est abatida por epidemia de clera e,
segundo a teoria aceita na poca, a transmisso acontecia atravs
do ar-sujo (miasma). Discordando dessa teoria, o dr. John Snow
(1813-1858) conseguiu compilar o local de residncia das vtimas
do clera e, localizando os casos em um mapa, concluiu que havia
uma concentrao de casos em uma rea ao redor de um nico local
de abastecimento pblico de gua. Com a prova visual em mos ele
conseguiu que a bomba dgua fosse fechada, eliminando a epidemia.
46 47
A INFOGRAFIA COMO ARMA DE CONVENCIMENTO
1855
Mapeando os casos
da epidemia de clera
em Londres, dr. John
Snow concluiu que
eles se concentravam
prximos a um nico
local de abastecimento
pblico de gua, que
foi fechado
1857
Este grfco foi usado em
campanha para melhoria das
condies sanitrias no exrcito.
Florence Nightingale (1820-
1910), Inglaterra
DIAGRAMA GEOGRFICO E DIAGRAMA VISUAL
1869
O engenheiro francs, Charles Minard (1781-1870), ilustrou grafcamente a
desastrosa campanha de Napoleo contra a Rssia. A largura do trajeto
proporcional ao nmero de sobreviventes. Em cinza a ida e, em preto, a volta
1920
Inveno do
diagrama que
utiliza setas
para demonstrar
como os tens
se relacionam.
Sewall Wright
(1889-1988),
EUA
48 49
1857 - A inglesa Florence Nightingale (1820-1910) era, alm de en-
fermeira, uma apaixonada pela matemtica e estatstica. Responsvel
por um hospital que recebia militares aps a Guerra da Crimia, ela
notou que os mortos por doena eram muito mais numerosos que
os mortos por ferimento em combate. Florence criou um grfco que
tornava visvel essa informao e iniciou uma campanha de melhoria
das condies sanitrias no Exrcito.
1869 - O francs Charles Minard (1781-1870) foi um dos pioneiros
no uso de grfcos aplicados engenharia e estatstica. Seu trabalho
mais notvel ilustra a desastrosa campanha de Napoleo contra a
Rssia em 1812. Esta representao aceita por Edward Tufte como
o melhor grfco estatstico j feito. So ao menos seis variveis que
formam uma nica e imagem. Primeiro, a largura do trajeto propor-
cional ao nmero de soldados sobreviventes na campanha de guerra.
Segundo e terceiro, a linha mostra a latitude e longitude. Quarto, a
direo de ida e volta sinalizada por cores. Quinto, a localizao do
Exrcito em datas especfcas. Sexto, a temperatura no trajeto.
1900 a 1949: Poucos inovaes, muitas novidades
O incio do sculo 20 presencia uma popularizao da linguaguem
visual na imprensa, no governo, no comrcio e nas cincias, com o
comeo da comunicao e consumo de massas. A visualizao grfca
a escolhida para explicar novas descobertas e teorias em astrono-
mia, fsica, biologia etc. Apesar da produo enorme, foram poucas
as inovaes grfcas, mas duas personalidades desse perodo so
fundamentais pela contribuio que deram infografa e ao design.
1924 - O sociolgo e economista austraco Otto Neurath (1882-
1945) foi um visionrio da linguaguem grfca. Organizou o Museu
Social de Grfcos Estatsticos em Viena e, com sua esposa Marie e
o ilustrador Gerd Arntz, introduziu o Isotype (International Sys-
tem of Typographic Picture Education), uma forma de comunicao
baseada em cones de fcil interpretao, usada para sinalizao e
representao de quantidades. O impacto visual de seus isotipos
e a efcincia com a qual eles conseguem transmitir informao deu
origem a descendentes reconhecveis na sinalizao urbana: os pic-
togramas usados atualmente em aeroportos, hospitais etc.
1933 - Por volta dos anos 30, a expanso do metr de Londres em
direo aos bairros mais distantes tornava difcil a tarefa de produ-
zir um mapa que orientasse os usurios. A razo era que, dispostas
de acordo com sua posio geogrfca, as estaes mais prximas se
confundiam no espao reduzido do mapa. Harry Beck criou um mapa
esquemtico, semelhante a um circuito eltrico, que, ignorando as
distncias geogrfcas permitia mostrar em um diagrama como uma
estao se ligava a outra para levar os usurios aos destinos desejados.
Composto de linhas coloridas, smbolos e tipografa de fcil leitura
o mapa proposto por Beck se tornou um smbolo reconhecido mun-
dialmente por sua simplicidade e clareza. Beck conseguiu entender
que, para o usurio do metr, a informao mais relevante era como
as linhas se conectavam e no a distncia geogrfca entre as estaes.
1950 a 1974: Esboo de renascimento da visualizao
O ps-guerra traz uma nova gama de dados. Os dados e os anos 60
trazem uma nova maneira de ver o mundo e as informaes. A anlise
grfca e sua teoria voltam a receber importncia e novos caminhos
comeam a ser traados. Estudos de semiologia e percepo do bases
tcnicas para conhecimentos intuitivos. No fm do perodo surge o
computador pessoal.
50 51
SNTESE E SIMPLICIDADE
1924
Otto Neurath (1882-1945) organiza o Museu Social de Grfcos
Estatsticos em Viena, ustria e introduz o Isotype (International
System of Typographic Picture Education)
1933
Mapa do metr
de Londres se
tornou um smbolo
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
Pgina da previso do tempo do jornal norte-americano USA Today,
desenvolvido por George Rorick. O dirio inaugura uma era de
impresso colorida nos jornais que se espalha pelo mundo. Logo, os
infogrfcos se tornam parte do dia a dia da imprensa.
52 53
De 1975 at hoje: O computador como nova fronteira
A chegada do computador pessoal e dos sistemas de informtica
no apenas agilizou a produo como criou novas experincias de
visualizao de dados, a comear pela prpria interface dos progra-
mas. Softwares e sistemas de computao especfcos para design,
estatstica, manipulao 3D e animao quebraram defnitivamente
as fronteiras da tradiconal comunicao grfca em duas dimenses.
As bases de dados ganham propores colossais com o avano da
internet. Os consumidores de informao so levados a aprender
novos cdigos visuais intuitivos e dinmicos no apenas na mdia,
mas em videogames, DVDs, computadores e celulares. A infografa,
enquanto imagem+texto combinados para informar, est presente
em todas esses meios de comunicao.
Algumas personalidades merecem ser citadas:
Richard Saul Wurman e Edward Tufte - ambos estudaram e
inovaram as teorias da visualizao de dados. O primeiro cunhou
o termo arquitetura da informao em 1976 para descrever o que
considera um crescimento desordenado e catico da comunicao.
O segundo, mais ligado estatstica do que esttica, foi o criador
do termo chartjunk (infolixo), se referindo s informaes in-
teis, excessivas ou mal-arrumadas que acabam no estabelecendo
comunicao.
Nigel Holmes - o ingls trabalhou em jornais e revistas britnicas
at assumir em 1977 um posto na revista Time, em Nova York, pro-
duzindo o que ele designava explanation graphics. De estilo grfco
simples e elegante, seu trabalho visual numa das mais importantes
revistas dos EUA ajudou a ensinar que os grfcos so um aliado na
transmisso da informao.
A CHEGADA DA WEB
1999
Alguns dos melhores infografstas dos EUA so reunidos por Richard Saul Wurman
no livro Understanding USA, um compndio visual de dados scio-econmicos do
pas em verso pdf distribudo via web. Acima, pginas de Nigel Holmes
1999
Exploso da internet e novas
tecnologias permitem que a
visualizao seja interativa
e/ou animada. Os jornal
espanhis El Pas e El
Mundo se tornam referncias
internacionais no segmento
54 55
George Rorick - o designer norte-americano acredita em bom jor-
nalismo visual, no apenas imagens decorativas. Em sua carreira,
sempre buscou grfcos que contassem histrias, explicassem coisas.
Quando o jonal USA Today foi lanado em 1982, um dos seus dife-
renciais era o uso intenso da cor. Rorick bancou a aposta de produzir
um mapa da previso do tempo que usava faixas de cor e cones para
comunicar as previses (ainda sem computador, era tudo feito mo).
O jornal trazia ainda um pequena novidade que impulsionou a in-
fografa. Os USA Today Snapshots. Eram pequenos infogrfcos
coloridos apresentados nas capas de cada caderno (No Brasil, a Folha
de S.Paulo adotou essa idia sob o nome de Indifolha). O sucesso
do USA Today e de suas pginas coloridas fez com que todos os ou-
tros jornais do mundo fossem aos poucos adotando o uso de cor e
tambm de grfcos. Na poca, era tecnologicamente mais difcil,
caro e demorado ter fotos coloridas. J os grfcos (mesmo antes do
computador) eram um meio barato, rpido e efciente de mostrar
informao e levar cor para seduzir leitores e anunciantes.
Alberto Cairo - jornalista espanhol abandona o texto e migra para
a infografa, primeiro em La Voz de Galicia e depois no El Mundo
(ambos na Espanha). Levando em sua bagagem os conceitos do ri-
gor jornalstico e a importncia da qualidade da informao sobre a
esttica gratuta. Um dos maiores ganhadores dos prmios Malofej,
Alberto inicia uma campanha quase missionria propagando os con-
ceitos do jornalismo visual e da infografa pelo mundo (incluindo o
Brasil onde ministra importantes palestras nos anos 2000).
COMO PRODUZIR INFOGRFICOS
Que tipo de infogrfco devemos usar? Qual vai comunicar melhor
o que estamos querendo mostrar?
Essa a pergunta que atormenta todos os que participam da criao
de um infogrfco. Se no atormenta, deveria atormentar. A escolha
correta da forma e do contedo defnem o sucesso do infogfco em
seu objetivo de comunicar visualmente.
Em grandes revistas mais comum, pelo menos nas pautas mais
importantes, que o pessoal do design e do texto planejem com ante-
cedncia o infogrfco, seu contedo, o estilo, o espao que vai ocupar,
quem vai produzir o que etc.
Em jornais o processo um pouco mais acelerado, mas o planejamento
no deve ser diferente. Todo o planejamento, que pode levar semanas
em uma revista, precisa ser feito em poucas horas num jornal. No se
engane: isso no elimina o planejamento, s o torna mais compacto.
A comunicao entre os profssionais de texto e imagem tem de ser
mais intensa e imediata, e o planejamento continua imprescindvel.
56 57
O PAPEL DE UM:
INTEGRAO COM A EQUIPE DE CONTEDO
Edio de texto
Verifca quais matrias usaro
infogrfcos. Defne com a
Edio de Arte como o traba-
lho poder ser feito. Orienta o
redator e reprter da matria.
Defne o prazo, o espao e a
importncia da reportagem
Reprter
Refete desde o incio da apu-
rao sobre como o assunto
pode ser mostrado visual-
mente. Levanta os dados e
referncias para isso. Comu-
nica os resultados procurando
envolver toda a equipe
Redator
Defne junto com o reprter e os
editores de texto e arte qual vai
ser o lide do infogrfco. Fornece
informaes, textos e refern-
cias ao infografsta. Colabora
nas solues visuais
Traduo livre: Mantenha simples e curto, e conte.
Obs.: existe uma outra verso para KISS: Keep it Short Stupid e tambmKeep it Short, Stupid, dispensam traduo
Infografsta
Cria ou ajuda a criar imagens
claras e objetivas para repre-
sentar visualmente o assunto.
Participa ativamente da apura-
o e questiona os dados
* Keep It Simple
and Short
A DIRETRIZ
KISS*,
and tell
O PAPEL DE UM:
INTEGRAO COM A EQUIPE DE DESIGN
Edio de Arte
Discute e rascunha com os
pauteiros/ editores de texto
como o trabalho poder ser
realizado. D diretrizes ao(s)
infografsta(s) sobre como
trabalhar. Zela para que a
diagramao, foto, texto e
infografa estejam trabalhan-
do em conjunto
Diagramador
Defne como o infogrfco
ser posicionado na pgina.
Lembra sempre que a info-
grafa no como uma foto:
tem texto e quase sempre
um elemento mais leve
Edio de foto/Fotgrafo
Alm das fotos jornalsticas
faz tambm fotos abertas
e detalhes que podem, por
exemplo, servir de referncia
para ilustrar um ambiente
Traduo livre: No escreva o que voc pode mostrar
Infografsta
Procura solues grfcas originais
para cada assunto em sintonia
com a diagramao e edio.
Cuidado especial na hierarquia de
textos, fotos e infogrfcos
A DIRETRIZ
SHOW,
dont tell*

58 59
Por exemplo: imagine um acidente areo. Que tipo de infografa voc
acha que deveria ser feita?
Devemos destacar o mapa com a rota do avio?
Ou, que tal ilustrar detalhadamente o avio, mostrando as causas do
acidente, e deixar o mapa menor?
A resposta :
No sei, depende do acidente, ou melhor, depende da histria
que queremos contar. Se a reportagem indica que houve problema
tcnico no avio, por exemplo, ento devemos mostrar o modelo
da aeronave, os equipamentos afetados pelo problema, onde foi o
problema etc. Se, por outro lado, a apurao dos reprteres chegar
concluso que a causa do acidente foi a chuva ou a pista, a histria
(e a infografa) outra.
O importante que se defna o quanto antes qual histria o infogrfco
vai mostrar, quais informaes ele precisa ter. Defnido o contedo,
deve-se escolher de que forma visual essas informaes sero trans-
mitidas, ou seja, como esse contedo vai ser apresentado ao leitor.
Da mesma maneira que em bons infogrfcos os textos e imagens
formam uma fgura nica, os designers e profssionais de texto pre-
cisam se unir para encontrar o melhor jeito de contar visualmente
a histria, trabalhando juntos para defnir primeiro o contedo e
depois e a forma. Comear pela forma um erro, pois pode fazer com
que o contedo seja distorcido ao ser adaptado.
FECHAMENTO 24 HORAS
NA INTERNET
Verso 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
edio impressa ganhou um infogrfco
mais completo e detalhado
60 61
Tudo isso, claro, levando em conta que, ao contrrio do que gosta-
riam alguns infografstas, o infogrfco no reina sozinho em todas
as pginas. Ele tem de compartilhar seu precioso espao com os ttu-
los, textos, fotos e ilustraes (sem falar nos anncios!). Na pgina,
todos esses elementos precisam trabalhar em harmonia, cada um
cumprindo sua funo editorial, pois no fm o que conta de verdade
a pgina como um todo.
Uma pgina bem editada e desenhada pode salvar um infogrfco ruim,
mas mesmo um excelente infogrfco no salva uma pgina ruim.
Repertrio
Para escolher qual a melhor relao contedo/forma de criar in-
fogrfcos importante que infografstas, reprteres e redatores
conheam no mnimo os modelos mais comuns de infografa. Esse
repertrio de solues visuais e editoriais permite que o planejamen-
to do infogrfco seja agilizado e facilita a comunicao entre quem
est produzindo texto e os responsveis pelo design.
No resumo a seguir, os infogrfcos foram agrupados em quatro
grandes categorias: artes-texto, grfcos, mapas e ilustrados. Essas
categorias tambm apresentam subdivises grfcos, por exemplo,
podem ser de linha, barra ou queijo.
GLOSSRIO INFOGRFICO/RECURSOS DE DIAGRAMAO
ARTES-TEXTO
Cronologia Mostra as datas mais importantes
Dicas Rene instrues teis ao leitor
Score (nmero
destacado)
Quando um nmero a principal informao
Fac-smile
Reproduo de um ou mais documentos que
sejam relevantes para matria
Ficha
Concentra as principais caractersticas do
personagem (pessoa, pas, empresa etc.)
Frases Opinies sobre um assunto
Glossrio
Traz o significado de alguns termos difceis,
mas imprescindveis reportagem.
Lista/Ranking Organiza informaes em tpicos
Para entender /Resumo
Rene quem, quando, onde e por qu
colocando o leitor em dia com a reportagem.
Perguntas e respostas
Usa o estilo de entrevista para esclarecer dvidas
ou discursar sobre um assunto.
Prximos passos Indica como o assunto deve se desenvolver
Sobe-desce
Associa valor ganhou, perdeu, ficou igual para
pessoas, partidos, investimentos etc.
Tabela
Montagem de texto ou nmeros em colunas
paralelas associando uma coluna outra
Testes Forma interativa de transmitir informaes
62 63
MAPAS
Mapa de localizao Localiza geograficamente o assunto
Mapa de ao Explicam mudanas ou movimentos geogrficos
Mapa estatstico
Usa cores ou sinais grficos para mostrar a
disperso geogrfica dos dados
GRFICOS
Grfico de linha Evoluo de uma ou mais variveis no tempo
Grfico de barras
Compara valores de uma ou mais categorias.
Pode tambm mostrar evoluo
Pizza/ Queijo
Permite mostrar como uma quantidade total
(100%) se divide em diferentes categorias
rea
Compara valores de uma ou mais categorias
usando imagens proporcionais
DIAGRAMAS ILUSTRADOS
Arte-foto
Usa de uma ou mais fotos que so manipuladas
para evidenciar uma informao
Corte esquemtico
Mostra como o personagem por dentro.
Pode retratar um rgo, uma construo etc.
Fluxograma/
Passo a passo
Representao de acontecimentos ou processos
Organograma
Define graficamente posies hierrquicas ou de
relacionamento entre personagens
Storyboard Uso de quadrinhos para relato visual
Pgina infogrfica
Combina tipos de infografia para traduzir
visualmente a reportagem
A primeira coisa que deve ter chocado os infografstas que j atuam
profssionalmente ao ver a tabela anterior foi, sem dvida, o espao
dedicado para aquelas que denominei ARTE-texto. Ora, se so ba-
sicamente puro texto, por que admiti-las na categoria de infogrfco?
Pois bem: desprezadas pelos infografstas e, por vezes, sem formato
defnido na diagramao, as ARTE-texto podem ter salvao e so
muito teis para destacar informaes na edio. Ajudam tambm a
dar maior movimento na diagramao, pois invariavelmente os for-
matos e cores da infografa so diferentes da diagramao de texto.
Outro aspecto muito importante esquecido por alguns infogra-
fstas mais puristas, que acreditam que essas artes-texto devem ser
tratadas como texto convencional, sem passar pela infografa: os
profssionais de texto reprteres, redatores e editores nem sem-
pre, ou pior, raramente pensam visualmente, e no incomum que
se comuniquem melhor com as letrinhas. Em alguns casos, sabem
exatamente quais so as informaes que pretendem destacar, s no
sabem como. Escondem em seus textos possveis mapas, grfcos,
fuxogramas etc.
O infografsta se pergunta: por que eles passaram um texto to grande
e chamam isso de infogrfco?
A resposta que esse jornalista pode desconhecer o que infografa
e jornalismo visual. No foi treinado para ter repertrio de recursos
grfcos alm do texto convencional. O que no quer dizer que no
tenha interesse em aprender e melhorar o resultado de seu trabalho.
Existe ainda aquele tipo de jornalista que nem consegue explicar o
64 65
lide da matria ou qual informao pode ou deve receber um trata-
mento visual mais sofsticado para valorizar a reportagem. Mesmo
um experiente infografsta pode conversar horas com ele e no con-
seguir extair o potencial da pauta apenas conversando. S consegue
lendo o texto.
Portanto, cabe ao infografsta ler com ateno estas ARTES-texto,
procurando encontrar solues visuais mais adequadas e criativas
que a transformem em um infogrfco de verdade. Se conseguir
uma soluo visualmente interessante, no tenha dvida de que o
redator poder at refazer todo o texto, buscar outros dados e fcar
agradecido por voc ter salvo sua pauta. No raro, o infogrfco ajuda
os prprios jornalistas a entenderem a histria que querem contar.
E aquelas que no tem salvao?
Respeitando o projeto grfco, as ARTES-texto podem ser diagra-
madas sem interferncia de um infografsta. Mesmo assim, teremos
casos capas de caderno, reportagens especiais em que o trabalho
do infografsta pode ser acionado para criar uma fgura de diagrama-
o mais interessante e atraente. Essas maquiagens grfcas criam
uma fgura que eu denominei de cascatogrfco: o leitor at tem
impresso de que um infogrfco, mas s texto disfaado. Infe-
lizmente, como faltam profssionais visuais e os jornais e revistas
precisam de imagens nas matrias, o cascatogrfco uma fgura
muito frequente, em especial quando no h foto disponvel (quem
nunca fez um cascatogrfco que atire a primeira pedra!).
DECORANDO A PGINA COM CASCATOGRFICOS
Dois legtimos
e bem feitos
CASCATOGRFICOS:
usam recursos da
infografa para criar
uma imagem forte e
suprir a falta de foto
quente no noticirio
66 67
Todas as artes-texto mesmo os cascatogrfcos, so teis na dia-
gramao e na leitura e devem ser usadas para ressaltar a informao,
pois so timo material de apoio para reportagens e, em especial,
servios. Em uma reportagem sobre os dez homens mais ricos do
mundo, por exemplo, imprescindvel um destaque em forma de
lista com o nome, posio de cada um deles e valor da fortuna. De-
pendendo da pgina, essa mesma lista pode ser um infogrfco com
fotos dos personagens, comparando suas fortunas, os pases onde
vivem, etc. Ou ser apenas uma pequena lista.
De qualquer maneira importante salientar que h diferenas de
redao entre o texto tradicional das matrias e aquele usado na
infografa. Enquanto o texto da reportagem pode ser mais rebusca-
do e prolixo, separado por pontos e vrgulas, o texto especfco para
infografa deve ser telegrfco: curto, direto e objetivo se valendo de
dois pontos ou hfens e pensado para interagir com as imagens.
Exemplo de texto de reportagem
O artista plstico Fulano de Tal, que completa 46 anos no prximo
ms, nasceu na pequena cidade de Miracema do Norte no Estado de
Minas Gerais. Mudou-se para So Paulo em 1980 para estudar arqui-
tetura na Faculdade de Arquitetura e Urbanismo da Universidade
de So Paulo onde se graduou como um dos melhores alunos em
1985. Foi no ano de sua formatura que concluiu a obra O Martelo,
premiada pelo Secretaria de Cultura (e por a vai...)
Exemplo de texto para infograa
Nome: Fulano de Tal
Idade: 46 anos (18.ago.1962)
Nascimento: Miracema do Norte (MG)
Formao: FAU-USP
Principais obras: O Martelo* (1985), O Prego (1987) e o A Tbua
Furada (1988) * Premiada pela Secretaria de Cultura
Com uma simples fcha desse tipo, destacamos uma parte do texto
que resume o personagem da matria, aliviando o texto, criando uma
nova entrada de leitura para a pgina, agilizando e dando mais ritmo
para a diagramao.
Como devem ser os textos para infograa
1. Comece pelo ttulo. No precisa ser o ttulo que vai ser publicado,
mas aquele que o objetivo do infogrfco. Como aconteceu o aci-
dente, por exemplo gera um resultado bem diferente de Os mortos
no acidente. Isso vai ajudar a focar a informao.
2. Concentre-se na informao que o infogrfco pretende explicar.
No tente explicar tudo sobre tudo, para no confundir o leitor.
3. Rabisque antes como imagina o infogrfco. Infografa deve ser
informao visual (texto + imagem). Pense em como os textos sero
articulados, qual deve ser a sequncia de leitura.
4. Faa textos telegrcos, curtos, diretos e objetivos evitando
palavras longas como consequentemente, objetivamente (em
um infogrfco, por vezes, elas consomem uma linha completa)
68 69
5. Se houver muita informao, divida-as em tpicos com subttulos
ou faa outros infogrfcos de apoio
6. Depois de escrever o mnimo necessrio, corte.
7. Se tiver vrios blocos de texto, melhor que eles sejam do mesmo
tamanho. Facilita a diagramao dentro do infogrfco
8. Informaes numricas devem ser explicadas usando grfcos e/
ou tabelas. No gaste palavras para mostrar quedas e altas se
voc tem os nmeros. Use as palavras para contextualizar dos dados
9. Conforme o infogrfco for fcando pronto, observe as partes do
texto que podem ser suprimidas por j estarem visualmente cla-
ras (Se o infogrfco tem um mapa, por exemplo, o texto no precisa
repetir todas as informaes geogrfcas)
10. Depois de tudo pronto e posicionado no infogrfco ainda h
tempo para ajustar o texto para dar maior clareza e objetividade
DIAGRAMAO OU INFOGRAFIA?
Esta era uma arte-texto, uma cronologia, e acabou premiada por
sua soluo grfca orginal no SND (Society for News Design), o mais
importante prmio de design do jornalismo impresso
No existe uma fronteira que delimita a diferena entre a
diagramao e infografa. Nem no impresso, nem na web
70 71
DA IDIA PUBLICAO -1
A integrao entre os jornalistas de texto e os jornalistas de imagem fundamental
A IDEIA GRFICA
No despreze nenhuma
ideia. Anote e rascunhe cada
uma no papel, pois elas
podem ajudar a narrativa
visual
Discuta suas ideias: aque-
las que primeira vista no
parecem muito brilhantes
podem ser caminhos para
outras ideias melhores
Privilegie a informao vi-
sual e evite imagens apenas
decorativas
Pergunte-se:
- A imagem escolhida acres-
centa, refora e/ou facilita
a visualizao do assunto
principal?
- A ideia faz o contedo da
histria mais relevante ou
atraente?
- H informao sufciente
para sustentar essa ideia?
PLANEJAMENTO
Estabelea um objetivo:
o que o infogrfco vai
contar?
O planejamento deta-
lhado permite que todos
possam visualizar o pro-
jeto, antecipando erros e
pensando na pgina como
um todo
Pense no tempo dispo-
nvel e no espao que o
infogrfco vai ocupar na
pgina
Rena jornalistas de tex-
to e infografa para decidir
o contedo e o tratamento
visual
Estabelea etapas e um
cronograma, mantendo o
trabalho em equipe
Tenha em mente que
tudo pode mudar de acor-
do com a apurao
INVESTIGAO
Apurar informao no
apenas tarefa para os
reprteres de texto. O
infografsta e o fotogrfo
devem compartilhar essa
tarefa
Em alguns casos, o in-
fografsta pode e deve ser
capaz de conseguir toda a
informao
Sempre que possvel, o
infografsta deve ir ao local
da notcia para ter infor-
mao de primeira
Pesquise em fontes con-
fveis. Cuidado especial
com a internet
Tire fotos
Consiga a maior quan-
tidade de informaes
possvel.Talvez voc no
use tudo, mas deve t-las
disposio
Baseado em texto de Jeff Goertzen, diretor de infografa da SND Adaptado pelo autor
Simplicidade facilita o didatismo. Privilegie a informao visual e evite imagens
apenas decorativas. Use apenas os dados e referncias necessrios
DA IDIA PUBLICAO -2
Quanto mais planejar, melhor ser o resultado fnal do infogrfco
O CONTEDO
Simplifque e mantenha
o foco. Lembre do objetivo
inicial do infogrfco e
elimine dados em excesso
que possam criar rudo na
comunicao
Pense o tempo todo:
- Qual o objetivo dessa
infografa?
- O que o leitor precisa
saber est claro?
- Se tiver dvida, tire um
print e pea para uma
terceira pessoa, fora da
cobertura, ler e opinar
Se alguma coisa no
est visualmente clara ou
se a ordem de leitura est
difcil, o reprter deve dizer
ao infografsta. Da mesma
maneira, se o texto no
estiver claro, ou estiver
longo demais
EDIO E REVISO
Crie ordem. Agrupe
informaes similares em
blocos com subttulos
Gaste tempo com os
ttulos e subttulos. Eles de-
vem conduzir a leitura de
forma clara e objetiva
Quando a infografa
estiver pronta, envie uma
verso s fontes para que
elas possam conferir se
tudo est correto
No espere at o ltimo
minuto para revisar. Corri-
gir texto em um infogrfco
mais demorado e pode
alterar a ideia grfca. Libe-
re os textos do infogrfco
o quanto antes
Informao visual (ilus-
traes, propores)deve
ser checada com o mesmo
rigor que o texto
O INFO NA PGINA
O contedo visual da
pgina como um todo a
prioridade nmero um
Um infogrfco bem
desenhado no faz uma
pgina melhor ou vice-versa.
No entanto, o inverso
verdadeiro. Uma pgina mal
resolvida pode estragar um
infogrfco bom e vice-versa
Infografa acompanhada
de fotos requer um desenho
de pgina que estabelea
uma hierarquia visual. Foto,
texto e infografa no devem
competir, devem se comple-
tar para contar a histria
O tamanho fnal do info
deve ser decidido o quanto
antes. Baseie a deciso no
contedo, privilegiando o
info, a foto ou o texto
Pea um feed-back. Veja como fcou, converse com os envolvidos.
Os assuntos se repetem; na prxima cobertura o resultado vai ser melhor
Baseado em texto de Jeff Goertzen, diretor de infografa da SND Adaptado pelo autor
72 73
E como usar os diferentes tipos de infogrco?
Conhecer os tipos clssicos de infografa ajuda, mas no o sufciente
para resolver o problema inicial (Que tipo de infogrfco devemos
usar? Qual vai comunicar melhor o que estamos querendo mostrar?).
Vamos usar a dengue como exemplo e imaginar possveis infogrfcos
Ficha/resumo: agente transmissor, sintomas, preveno.
Perguntas e respostas: para quem vai viajar ou est no local.
Mapa de localizao: os locais de ocorrncia.
Mapa de dados: comparando a incidncia por Estado.
Grfcos: com a evoluo dos casos (linha), comparao entre
cidades (barra), distruibuio no total do brasil por regio (pizza).
Ilustrado: mostrando o ciclo de vida do mosquito
E d pra imaginar muito mais.
Ou seja, o TEMA no o fator determinante de qual tipo de infogrfco
o mais adequado, pois um mesmo tema pode ser representado em
vrios tipos de infografa. O que vai determinar a infografa correta
a ABORDAGEM do tema. Dentro de cada pauta, o infogrfco vai
assumir uma misso especfca de expor ou elucidar visualmente um
aspecto da cobertura, integrando se com o resto das matrias para
compor a reportagem.
NO O ASSUNTO, O ENFOQUE
INFOGRFICOS DA DENGUE
Exemplos de abordagens diferentes para o mesmo tema. Repare como o tipo
de soluo grfca enfatiza a informao que se pretende mostrar
74 75
QUANDO USAR ARTES-TEXTO
Se a informao principal melhor representada por palavras, que
se usem as palavras. O simples fato de destac-las e diferenci-las do
formato tradicional do texto em colunas j e sufciente para criar uma
nova entrada de leitura, ajudando a navegao do leitor pela pgina.
Os jornalistas visuais podem acrescentar fotos ou ilustraes e ainda
usar cores e a diagramao da pgina para criar formas inusitadas. S
no devem esquecer que, neste caso, o texto o elemento principal e
o excesso de elementos visuais pode distorcer a informao ou criar
um rudo, escondendo a informao principal.
CRONOLOGIA/HORA-A-HORA - o pessoal das editorias de interna-
cional, em especial, adora; os infografstas detestam. A razo que os
profssionais de texto aproveitam para dar uma aula de histria sobre
qualquer tema (imagine quando o assunto o papa, comea l em Jesus)
o que acaba criando textos infnitos, por vezes maiores que a matria
principal, e os infografstas queriam que as cronologias s fossem feitas
pela diagramao, usando os formatos defnidos, afnal so texto + foto.

Nem tanto ao mar, nem tanto terra. Por vezes realmente melhor
que a cronologia, como as outras artes-texto mencionadas, nem te-
nham um tratamento especial. Mas, em alguns casos, a cronologia
pode ser valorizada pelo infografsta, criando fguras interessantes
como as timelines: linhas do tempo onde as datas so dispostas
na vertical ou horizontal, evidenciando a distncia temporal dos
acontecimentos. Em cronologias longas, com muitas datas, tente
dividi-las em fases com interttulos e sempre use imagens dos prin-
cipais momentos.
DICAS - Esse formato destaca da reportagem as informaes prti-
cas, em forma de tpicos curtos e diretos, prestando um servio ao
leitor. Uma reportagem sobre colesterol, por exemplo, pode abrigar
um infogrfco com dicas de alimentao.
ESCORE - se um nmero o principal destaque, podemos usar
um infogrfco para dar uma dimenso do valor, contextualizando
a informao. O gasto de R$ 10 bilhes em um avio presidencial
mais fcil de ser compreendido se for feita a comparao com outros
investimentos do governo ou ainda quantas passagens poderiam ser
pagas com o valor.
FAC-SMILE - por vezes o jornalista se depara com documentos
exclusivos que compravam alguma linha de investigao. Reproduzir
os documentos na reportagem prova aos leitores que o jornal/revis-
ta teve acesso aos originais. A infografa acrescenta reproduo o
destaque necessrio para contextualizar e ressaltar os trechos mais
importantes.
FICHA - se a abordagem for no sentido de focar em um persona-
gem (seja ele um esportista, um poltico, um livro ou mesmo um
evento) para apresent-lo ao leitor, a fcha ou raio-x a alternativa
imediata. Pode parecer pouco, mas esse o segredo. Uma simples
fcha bem feita em forma de texto j muito til para dar movimento
diagramao e agilizar a leitura.
FRASES - em geral, os projetos grfcos tem formatos especfcos
para frases mas, em determinadas situaes, elas podem ganhar
maior relevo se editadas como infografa compondo com fotos ou
ilustraes.
76 77
BSICO E EFICIENTE
Apresentadas em forma de FICHAS e TABELAS as informaes sobre
os atletas fcam mais fcil de serem visualizadas e compreendidas
INTERVENO CIRRGICA
Este infogrfco era uma arte-texto:
uma LISTA de partes do corpo de algumas
personalidades. Por sorte, algum lembrou de
colocar as imagens de um jeito criativo
78 79
GLOSSRIO - deve ser usado como ferramenta de didatismo para
traduzir termos difceis, mas imprescindveis para entender a
reportagem. Tambm pode levar ao leitor vocbulos diferentes e
interessantes que ajudam a desvendar o universo de grupos sociais
que criam grias e jarges para se comunicar.
LISTA/RANKING - se o personagem em foco no um, mas mui-
tos, ou quando a reportagem tem por objetivo oferecer um servio,
a lista organiza em tpicos essa leitura, levando direto ao leitor o
que interessa. Lembre de dar uma hierarquia lista usando a ordem
cronolgica, geogrfca ou alfabtica. Se h um valor numrico no
ranking (n de votos, milhes de US$), ele pode ser expresso usando
grfcos de barras
PARA ENTENDER O CASO - por vezes o prprio reprter/redator
percebe que perde mais tempo tentanto explicar o assunto no texto
do que contando a novidade jornalstica. Assuntos complexos ou
aqueles que perduram no noticirio por dias ou meses, reaparecen-
do de vez em quando, merecem um infogrfco na forma de para
entender o caso, para ajudar o leitor a desvendar ou relembrar do
trata a reportagem. Este tipo de infogrfco pode ser feito simples-
mente com tpicos numerados em sequncia, ou evoluir para uma
infografa mais sofsticada como um diagrama ilustrado com fotos
dos personagens.
As cronologias, glossrios, perguntas e respostas e testes tambm
podem ser usados como variao desta categoria, interagindo com o
leitor de forma diferente. S para pontuar: os para entender so o
paraso do cascatogrfco: so assuntos importantes que a edio
quer destacar e, na falta de fotos, o infogrfco acaba cumprindo a
funo de criar uma imagem para ilustrar a pgina. Bem entendido,
isso no tira o mrito da categoria. Deix-lo como texto corrido,
perdido no meio das outras matrias, desviaria o interesse do leitor
do assunto.
PERGUNTAS E RESPOSTAS - muda a narrativa convencional, per-
mitindo ao leitor a navegao na leitura atravs de algumas questes
que a reportagem suscita. Pode ser usado como variao dos para
entender o caso ou dicas.
PRXIMOS PASSOS - se o caso simples ou j foi amplamente
abordado, uma sada possvel antecipar o noticirio e apresentar
ao leitor quais devem ser os prximos acontecimentos.
SOBE-DESCE - no deixa de ser uma lista. A diferena que no
sobe-desce a edio agrega um valor ganhou, perdeu, na mesma
para cada personagem descrito. O sobe-desce uma maneira til
de o leitor conhecer as consequncias que um fato causa na trajetria
desses personagens. Setinhas para cima ou para baixo, cores vermelho
ou verde e outras formas de sinalizao visual devem ser utilizadas
para enfatizar a informao.
TABELA - podem ser compostas apenas com texto, ou com texto
e nmeros. O resultado visual sempre acaba sendo meio pobre por
isso melhor evit-las como a imagem da pgina. Se no so bo-
nitas, sua efcincia incontestvel. Organizando o texto em linhas
e colunas as tabelas facilitam a compreenso de um grande nmero
de dados com pouca perda de informao. O leitor pode checar cada
clula de dados e compar-la imediatamente com outra qualquer.
Como acabam formando blocos visuais em formato retangular h
muito pouco que pode ser feito para torn-las mais palatveis. Trs
80 81
solues so mais adequadas:
1. Destaque visualmente (bold/cor) os dados mais importantes. Use
pequenos textos fora da tabela para contextualizar os nmeros e use
fos para ligar estes textos aos dados em destaque
2. Combine a tabela com grfcos de barras ou linhas, destacando uma
ou mais colunas para evidenciar as diferenas de valor nos nmeros
3. Transforme dados que se repetem nas colunas em pictogramas.
Por exemplo: se h uma coluna apenas com as palavras sime no
crie uma legenda e use crculos verdes e vermelhos para substituir
o texto. Isso torna a leitura mais visual e imediata
TESTE/JOGO - os testes podem ser usados como alternativa de di-
datismo pois interagem com os conhecimentos do leitor. Teste seus
conhecimentos sobre o caso mensalo ou Veja se voc entendeu
as mudanas no imposto, por exemplo. Outra possibilidade para
fugir do texto convencional imitar a forma visual de jogos, usando
essa linguaguem mais ldica para chamar a ateno e transmitir as
informaes ao leitor
PIADA PRONTA
Para mostrar os personagens do caso dos
aloprados de Lula foi usada uma METFORA VISUAL com
uma estrela, smbolo do Partido dos Trabalhadores, que serviu
de base para interligar as FICHAS dos personagens
82 83
MILNIOS E MINUTOS
A LINHA
DO TEMPO
acima permite
que o leitor
compare vrios
acontecimentos
simultneos
Na CRONOLOGIA
ao lado, os
acontecimentos
so registrados
minuto a minuto
USO CRIATIVO DE FOTOS
CRONOLOGIAS podem ter apresentao
diferenciada como esta usada na queda
do ministro Orlando Silva
84 85
RESULTADO ENCICLOPDICO
Pgina dupla composta por uma
srie de ARTES-TEXTO e alguns
diagramas
IMPRESSO & ONLINE
Fichas dos candidatos a prefeitura de So Paulo
imitando as cartas de um JOGO. Na verso online deste
infogrfco era possvel jogar de verdade
86 87
QUANDO USAR GRFICOS
Relatrios do IBGE, ONU, Seade, FMI, assessorias de imprensa etc.
fornecem uma imensido de dados estatsticos. Normalmente eles
chegam em forma de tabela, mas sua melhor apresentao visual
na forma de grfcos. O problema que, se os jornalistas e designers
tem difculdade em traduzir visualmente os textos, com os nmeros
a situao piora um pouco. Depois que inventaram as planilhas Ex-
cell e o copiar-colar, enviar todos os nmeros disponveis para a
Editoria de Arte resolver o problema fcou tecnologicamente ainda
mais fcil do que interpret-los. Por isso, comum ver infogrfcos
com dados sufcientes para afogar qualquer leitor.
O ponto central para o qual designers e profssionais de texto de-
vem estar atentos o mesmo de sempre: o que queremos mostrar?
Interprete os nmeros e use apenas as sries que interessam para
determinada reportagem.
A difculdade com nmeros comea no fato de ser possvel combin-los
de forma a comprovar quase qualquer tese (Nmeros bem torturados
dizem qualquer coisa brincam os ligados estatstica). Basta ver as
campanhas polticas na TV. O mesmo relatrio que aponta aumento
da crimalidade de 2002 a 2004 pode indicar o queda da criminalidade
entre 2003 e 2004. Isso sem manipular os dados, apenas interpre-
tando os indicadores do jeito mais conveniente ao discurso desejado.
Por isso, devemos ter muito cuidado com relatrios prontos, em
especial os enviados por assessorias de imprensa. Evite esse tipo de
material editado e procure sempre ter acesso ao relatrio completo.
No esquea de verifcar tambm quem pagou a pesquisa e quem a
produziu, qual a base de entrevistados, margem de erro etc.
CONDUZINDO A LEITURA
A base da
informao
principal ao lado
uma TABELA que,
inclinida, virou uma
escada para explicar
os nveis 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
88 89
Resolvida a parte da fonte dos dados, passamos aos meios de repre-
sent-los visualmente, e a m notcia que no h regras claras sobre
qual grfco deve ser usado para cada situao. Assim, uma mesma
srie de dados pode ser representada de vrias maneiras diferentes.
O infografsta ou o jornalista podem ainda criar novas maneiras de
representao alm das conhecidas.
O problema posterior que no basta representar os dados correta-
mente, o leitor precisa tambm ler e entender o que est representado,
o que o grfco pretende mostrar. Por isso, no dia a dia mais prudente
utilizar os tipos mais comuns de grfco: linha, barra e pizza. Deixe as
novidade e inovaes para reportagens especiais, quando h tempo
e espao editorial disponvel para testar novas frmulas. Depois de
utilizada algumas vezes essas novas solues acabam incorporadas
produo e leitura.
GRFICO DE LINHA - reportagens que tm palavras como
evoluo, alta, baixa, queda, acelerao, desacelerao, despenca,
dispara indicam a existncia de variveis ao longo de um perodo
de tempo, e o grfco de linha a melhor maneira de representar
estas variaes de tendncia.
Por conveno, a variao do tempo fca sinalizada na parte hori-
zontal e a variao do ndice, na escala vertical. Mas possvel usar
outra varivel que no o tempo na escala vertical desde que se tome
cuidado para que a inovao visual fque clara para o leitor.
O grfco de linha pode ser feito com uma ou mais linhas variando num
mesmo perodo quando usar mais de uma linha, tenha certeza de
que a legenda est bem clara. bom que pelo menos o nmero fnal
da linha do grfco seja informado, para facilitar a compreenso da
escala. Pontos marcantes da evoluo como picos ou quedas bruscas
podem ser destacados com pequenas legendas. Uma evoluo do valor
do dlar, por exemplo, pode indicar as crises econmicas, cortes de
juros ou mudanas de governo.
GRFICO DE BARRAS - Se a notcia gira em torno do lder, o maior,
ou menor, quem mais ganhou ou quem mais cresceu, isso indica que
h uma comparao de valores e os grfcos de barras so uma tima
soluo para estes casos. O grfco pode ser vertical, horizontal ou at
inclinado e sua escala deve comear no zero. Evite cortar a escala
para valorizar visualmente as diferenas pois esse tipo de destaque
visual pode ser interpretado como distoro ou manipulao dos
dados. Barras horizontais podem ser usadas para valorizar colunas
tabelas, destacando a informao numrica mais importante.
GRFICO DE PIZZA - Fique atento s palavras diviso, distribuio,
participao, maioria, minoria, fatia, controle so algumas pistas de
onde deveria existir um grfco de pizza pois so uma tima maneira
de representar a diviso de um todo (100%). No entanto, este tipo
de grfco apresenta pelo menos duas defcincias na visualizao:
quando os valores so prximos, nem sempre a diferena fca visvel,
e, quando h um excesso de pedaos na pizza, ela pode se tornar
confusa. Use-as para mostrar at 5 divises. Junte as menores fatias
em outros e anexe uma tabela mostrando as porcentagens exatas.
Raramente as pizzas so teis para mostrar evolues, prefra gr-
fcos de linha ou barras.
90 91
MOSTRANDO OS NMEROS
GRFICO DE BARRAS
do PIB sobre foto do
presidente Lula, onde,
alm da evoluo h
ESCORES mostrando o
valor acumulado nos
perodos
Varie os tipos de grfcos para que
a visualizao no fque cansativo.
O exemplo ao lado comea com um
grfco de PIZZA seguido de BARRAS
HORIZONTAIS e BARRAS VERTICAIS
RASGANDO A PGINA
92 93
ALGUNS ERROS EM GRFICOS QUE DEVEMOS EVITAR - 1
1
Ttulo no combina
com o grfco
Se o ttulo fala em alta de
se esperar que a linha do
grfco esteja em ascenso
ao longo do tempo
2
Barras cortadas
ou quebrada
Ningum altera o valor
de um nmero por
ele ser muito grande.
Cortar a barra signifca
alterar a informao
3
Fontes suspeitas
ou no confveis
Tome cuidado com grf-
cos que chegam prontos
e com dados j editados.
Pode haver m f na
divulgao dos dados
Diferena
real
Alta de
0,001!
Coincidncia?
Agrupe as fatias
pequenas e crie
uma fatia outros
para facilitar a visu-
alizao
Faltam 40% para
completar o
total (100%)
Empate!
4
Margem de
erro ignorada
Pesquisas de opinio
contm sempre uma
margem de erro. Fique
atento: isso pode inva-
lidar tendncias de alta
ou queda
5
Pizza com excesso
de divises
Fica confusa e deixa de
informar as diferenas. Use
at cinco variaes de cor e
o resto junte em outros
6
Pizza no
completa 100%
A pizza um tipo de
grfco que representa
um todo, no pode ser
usado se a soma maior
ou menor do que 100%
94 95
Os mesmos dados
causam resultado
visual diferente
Confuso, no?
US$ e % no
so compar-
veis entre si
7
Legendas confusas
Use cores que permitam ao
leitor diferenciar os itens do
grfco. Cores similares cau-
sam confuso. Importante:
a legenda a chave para o
leitor compreender o grfco,
deixe em local bem visvel e
tome cuidado com as cores.
8
Nmeros no so
comparveis
Grfcos comparam a mes-
ma unidade de valor. No
compare porcentagens com
moeda ou quilmetros.
9
Dramatizao
a curva
Evite formatos muito ver-
ticais ou muito horizontais
para fazer as curvas serem
mais acentuadas.
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 4
Est
caindo ou
subindo?
Intervalo de
10 anos
Intervalo
anual
Parece maior do
que o dobro, e
mesmo
10
Grfcos em perspectiva
ou inclinados
Grfcos funcionam por seu
alinhamento e contraste de
tamanho. Qualquer distor-
o, distorce a informao
11
Intervalos
cronolgicos irregulares
Dispostos mesma distncia
um do outro indicam erra-
damente a velocidade da
tendncia
12
Proporo incorreta
Quando se dobra o tama-
nho de uma rea e/ou um
pictograma o valor nmerico
deveria ser qudruplo
96 97
USO DE GRFICOS
EXEMPLO 1 - Mostrar que a empresa X tem mais dinheiro que
a empresa Y: interessa a evoluo? No? Neste caso use apenas os
ltimos valores atualizados: grfco de barras
EXEMPLO 2 - Mostrar que a empresa X ultrapassou o
faturamento da empresa Y: agora sim, como foi a evoluo no
perodo? Em que data houve alguma mudana relevante na
arrecadao: grfco de linhas
EXEMPLO 3 - Empresas X e Y detm 70% do mercado: qual
a fatia de cada um? Quem so os outros? Temos dados para
completar os 100%: grfco de pizza/queijo
Resumindo: no faa o leitor perder tempo lendo vrios grfcos
se voc sabe exatamente o que quer mostrar. Ainda assim, se houver
a necessidade de publicar vrios grfcos faa um deles maior, mais
destacado como porta de entrada para a leitura.
Explique os valores usados nos grcos
muito importante contexturalizar os valores. Quanto maior o n-
mero mais abstrata ainda a sua compreenso. Falar em 800 trilhes
de dlares ou 200 anos-luz ou 500 hectares pouco comunica, pois
so fora do contexto do cotidiano das pessoas. Aproveite-se desse
desconhecimento para levar ao leitor comparativos visuais que
o levem a pensar e a entender a grandeza que est sendo expressa.
Quantos PIBs do Brasil equivalem a 800 trilhes de dlares, quanto
tempo leva para viajar de carro a distncia de 200 anos-luz, quantos
campos de futebol correspondem a 500 hectares. Se o leitor entender
a dimenso do valor sua compreenso ser melhor.
DIFERENTES VISES DOS MESMO DADOS
Empresa
X
Empresa
Y
46
94
Exemplo 1
EMPRESA X TEM MAIS
DINHEIRO QUE A
EMPRESA Y
46
Empresa Y
94
Empresa X
Exemplo 2
EMPRESA X
ULTRAPASSOU O
FATURAMENTO
DA EMPRESA Y
46
Empresa Y
94
Empresa X
Exemplo 3
EMPRESAS X E Y
DETM 68% DO
MERCADO
23%
47%
98 99
QUANDO USAR MAPAS
Mapas so elementos de forte impacto visual e de grande impor-
tncia para a valorizao de uma reportagem. Sua funo bsica
responder: onde? Um bom mapa, no entanto, pode ter vrios nveis
de leitura e ser acompanhado de outros tipos de infografa para res-
ponder quem, quando e por qu. Na maioria dos casos, o infografsta
j dispe de bases prontas para comear a produzir o mapa e pode
fcar aguardando apenas as informaes mais quentes para fnalizar
o infogrfco.
MAPAS DE LOCALIZAO - permitem ao leitor situar geogra-
fcamente o evento. Devem ser usados sempre que o local for des-
conhecido ou especfco (Quirquisto ou rua tal, n X). Catstrofes,
acidentes, guerras ou locais tursticos devem ser representados em
mapa para agilizar a leitura. Por conveno, todos os mapas tm o
norte em sua parte superior, caso contrrio necessrio um sinal
grfco apontando a direo norte. Deve-se usar tambm uma escala
grfca em quilmetros ou metros e, como a localizao geogrfca
depende de referncias conhecidas, sinalize sempre os pontos que
podem ajudar entender as proximidades do evento. Um mapa de
confito estudantil em Paris, por exemplo, pode ter a torre Eiffel
localizada com referencial. Dados geogrfcos citados na matria
ou que sejam relevantes (cidades, rios, montanhas, relevo) devem
ser representados.
MAPAS DE MOVIMENTAO - agregam um novo nvel de leitura
ao cruzar informao sobre deslocamento ou fuxo geogrfco. Setas
que representem os valores proporcionais e pictogramas indicando
o tipo de movimentao so bem vindos.
PARA EXPLICAR, TEM QUE ENTENDER
Sinalize nos GRFICOS DE
LINHA os fatos que causaram
quedas ou picos. Isto facilita a
compreenso das variaes
Para chegar a um resultado
onde texto e imagem
trabalhem juntos essencial
que o infografsta entenda
qual a mensagem e no
tenha medo de interferir no
texto para deixar a histria
mais clara
100 101
MAPA ESTILIZADOS - se o detalhes geogrfcas no so relevantes,
o mapa pode ser usado como suporte para organizar a informao,
oferecendo ao leitor uma viso geral de onde ela est distribuda.
Neste caso pode-se optar por mapas estilizados ou mesmo produzidos
por ilustradores de acordo com o tema da reportagem.
MAPAS DE DADOS OU ESTATSTICO - se o propsito da repor-
tagem evidenciar diferenas regionais ou que esto relacionadas
sua posio geogrfca, um mapa com as regies divididas em escala
de cor ou com os nmeros localizados geografcamente traduz os
dados de forma visual e permite que o leitor, de um s olhar, veja a
distribuio dos valores e possa comparar essas diferenas regionais.
MAPAS NO GEOGRFICOS - para localizar onde foi a fratura
de um jogador de futebol, por exemplo, podemos usar uma silhueta
do corpo humano, ou do esqueleto, como mapa. A regra geral que
sempre que for necessrio mostrar ao leitor onde ocorreu algo, o
mapa a melhor soluo visual.
DO GLOBAL AO LOCAL
A srie de MAPAS desta pgina permite uma
viso geral e especfca da crise no Egito
102 103
GEOGRFICO X ESTILIZADO
Cores suaves e pictogramas simples
conferem clareza ao mapa ao lado
que mostra a LOCALIZAO e
MOVIMENTAO durante confito
no Oriente Mdio
Neste MAPA
ESTILIZADO
a disposio
geogrfca das ruas
foi desprezada para
dar nfase a outras
informaes
ILUSTRADO X CARTOGRAMA
Ao lado, mapa de dados
ou CARTOGRAMA usa de
cores para delimitar reas
de concentrao
A informao visual levada a srio: cada prdio foi fotografado para
servir de base para as ilustraes que respeitam as propores de altura
104 105
QUANDO USAR DIAGRAMAS ILUSTRADOS
Em muitas categorias vistas anteriormente o infogrfco poderia ser
suprimido e substitudo por um box de texto ou mesmo uma foto.
H, no entanto, uma parte do jornalismo no qual as situaes so
impossveis de serem fotografadas, mas podem ser levadas ao leitor
na forma de infogrfcos, por exemplo:
O mundo microscpio, o fundo do mar, o universo etc.
Aparncia externa e funcionamento interno de um personagem,
seja ele um prdio, um avio ou um animal (voc pode fotografar a
fachada de um museu, mas isso no permite v-lo por dentro, loca-
lizar os andares e as obras)
Problemas de sade, mostrando os rgos em questo
Procedimentos cientfcos e tecnolgicos ou que exigem abstrao
e representao grfca
Desastres e fenmenos naturais e suas causas (impossvel fotografar
um terremoto, apenas seus danos podem ser vistos)
Civilizaes e edifcaes antigas e o mundo pr-histrico
Obras, monumentos e intervenes urbanas que ainda esto por
acontecer, entreoutros
Esse o mundo onde a infografa imbatvel para transmitir didati-
camente ao leitor a compreenso do assunto em questo.
Arte-foto - infografstas adoram ilustrar e esquecem que a foto pode
dar um toque a mais de realidade na informao. Boas fotos podem
ser usadas como base para que o infografsta interfra posicionando
destaques ilustrativos ou de texto formando uma nova imagem.
Explicar, por exemplo, como fcaria a cidade sem as placas de publi-
cidade pode ser feito usando uma foto de uma rua com as placas e,
retirando as placas no Photoshop.
CORTE ESQUEMTICOS - possibilitam apresentar ao leitor como
as coisas so por dentro e por fora ao mesmo tempo. Pode ter como
base uma foto ou uma ilustrao onde representada uma viso
raio-x do objeto. Com esse recurso, o leitor pode ver ao mesmo
tempo, por exemplo, o prdio que foi roubado e por onde circularam
os assaltantes, o corpo humano e os rgo internos, descobrir do que
e como so feitos as mquinas, construes etc.
FLUXOGRAMA/PASSO A PASSO - quando o objetivo do infogrfco
o de elucidar um processo ou procedimento e o simples texto corrido
usado nos infogrfcos do tipo para entender se mostra insufciente
ou muito pobre visualmente, o caso de recorrer aos fuxogramas.
Eles permitem que os blocos de texto que descrevem cada passo do
processo sejam dispostos de maneira orgnica, de preferncia com
setas e cores resultando numa forma grfca diferenciada e mais
interessante que o texto corrido. O fuxograma deve criar uma fgu-
ra nica que permita a imediata compreenso de todo o processo,
destacando o ttulo e os interttulos de cada item. Quando trata de
uma descrio mais linear do processo, cada etapa pode ser ilustrada,
completando e esclarecendo o texto criando um infgrafco do tipo
passo a passo, onde cada quadro funciona como um fotograma de
um flme, permitindo ao leitor visualizar o processo.
106 107
EXPLICANDO O QUE UMA FOTO MOSTRA
Infogrfco criado para mostrar aos leitores
como e como funciona o manete de um avio.
Soluo muito mais efciente do que um texto
MOSTRANDO O QUE UMA FOTO NO MOSTRA
DIAGRAMAS ILUSTRADOS
permitem tornar visvel fenmenos
naturais como tsunami e
terremotos
108 109
SUPERPODERES DA INFOGRAFIA: VISAO RAIO-X
Na ARTE-FOTO ao lado, uma viso raio-X do
corpo humano com ilustraes sobre foto de
personagem cria uma imagem nica
SUPERPODERES DA INFOGRAFIA: CONTROLAR O TEMPO
Mostrando todas uma sequncia de acontecimentos ao mesmo
tempo, este PASSO A PASSO permite comparar verses e mostrar
detalhes que fcariam perdidos ou complicados no texto
110 111
SUPERPODERES DA INFOGRAFIA: CONTROLE DO ESPAO
O infogrfco com a sequencia de planetas do Sistema
Solar e o tamanho proporcional de cada um deles
Ilustrado, o PASSO A PASSO fca mais claro
ORGANOGRAMA permite
visualizar a hierarquia de
poder entre as partes
DIGA NO 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 asitico. Vrios leitores reclamaram e com razo. As informaes
visuais tambm precisam ser apuradas e checadas
Substitua os STORY-BOARDS por outros
tipos de infografa, como este acima que
contextualiza o fato jornalstico
112 113
ORGANOGRAMA - o mesmo raciocnio, dispor os blocos de in-
formao de maneira no linear unindo-os com fos e setas, usado
tambm para representar as relaes de hierarquia e de relacio-
namento entre os personagens citados na reportagem, resultando
em um organograma. Eles so importantes para o leitor entender a
participao de cada personagem, identifcar quem estava ligado a
quem e avaliar as responsabilidades ou mritos de cada um. No
incomum que as notcias comecem a aparecer a partir dos peixes-
pequenos (assessores, parentes, laranjas etc.) e o organograma
uma forma grfca que permite tornar evidente a ligao com os
peixes-grandes
STORY-BOARD - boas histrias merecem ser contadas e destacadas.
O story-board uma ferramenta da infografa para contar de forma
subjetiva o que aconteceu usando da linguaguem dos quadrinhos.
Sua grande vantagem reside no fato de ilustrar fatos que no foram
fotografados, mas que os leitores tm curiosidade de ver (e o jornal
tem demanda de mostrar imagens). Sua grande desvantagem a
forma subjetiva como costuma ser desenhado. difcil ilustrar uma
situao desprovido de preconceitos e isso pode criar falsas informa-
es visuais. No raro que o ilustrador desenhe os bandidos como
negros, os ricos como gordos: fque atento e prefra os desenhos mais
neutros ou silhuetas. Colete toda a informao visual disponvel
sobre os personagens, veculos, locais etc. e tenha certeza de que o
ilustrador saiba que se trata de um trabalho jornalstico, no arts-
tico ainda assim pode ter certeza que o mestre Alberto Cairo vai
amaldioar o resultado.
PGINA INFOGRFICA - quando o infogrfco o elemento do-
minante na pgina. Na maioria das vezes, tem uma grande imagem
INDICANDO O CAMINHO
Um infogrfco, dois FLUXOGRAMAS: o vertical
mostra uma sequencia cronolgica e o horizontal
representa o processo de enriquecimento do urnio
114 115
central como porta de entrada para o leitor, pouco texto de redao
e outros pequenos infogrfcos de apoio, como fchas, mapas, listas,
cronologias etc. muito importante que a imagem central seja in-
formativa e no decorativa. A produo de uma pgina infogrfca
merece um planejamento rigoso, testes de leitura para certifcar que
a grande quantidade de informao est clara e dedicao exaustiva
de infografstas e redatores envolvidos. O resultado compensa.
DA IDEIA AO ACABAMENTO FINAL
Depois de fazer um rascunho
do infogrfco preciso
defnir uma soluo grfca
que acrescente apelo visual
Rascunho utilizado
para aprovao
e com o trao do ilustrador
escolhido para a pauta
116 117
COMO PRODUZIR BONS INFOGRFICOS* - 1
A informao principal deve estar disponvel em nico olhar
INTEGRE A PGINA
Os elementos de texto,
infografa, fotos e ilus-
traes devem ser dia-
gramados no sentido de
criar uma fgura nica
ORGANIZE/AGRUPE
Use interttulos e divida o assunto
na pgina se necessrio. Textos
soltos, sem interttulos e sem
ordem no permitem uma viso
geral do infogrfco
CRIE DIMENSES
MLTIPLAS
Um bom infogrfco
cruza informa-
es de forma a
obter uma nova
leitura. Assim, por
exemplo,grfcos
devem contextuali-
zar os acontecimen-
tos criado nveis de
leitura
ESTABELEA O CONTEXTO
A maneira de representar a informao deve
permitir uma leitura do todo e ressaltar os aspec-
tos mais importantes com detalhes. Se o acidente
aconteceu devido a um declive na pista, ento a
vista da ilustrao deve contemplar esse declive
TORNE VISVEL A
INFORMAO PRINCIPAL
Seja um mapa, grfco, esquema
ou uma combinao de todos
esses elementos, alguma forma
deve sobressair e ser dominante
* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam
COMO PRODUZIR BONS INFOGRFICOS* - 2
Sempre que possvel, faa um esboo em papel antes de sentar frente ao computador
COMPARE E CONTRASTE
Muitas medidas, como hectares, Fa-
rhenreit, Richter etc., so difceis de
entender pois no fazem parte de nosso
cotidiano. Transporte essas escalas para
coisas que o leitor reconhea
SIMPLIFIQUE
Representaes
simples e diretas
so mais fceis de
interpretar. Ns nos
distramos facilmente
em formas estranhas
de representao.
Prefra formas sim-
ples, como fos e
setas, e use as cores
de forma a conduzir o
leitor pelo infogrfco
MOSTRE CAUSA E EFEITO
mais fcil entender um esquema
sabendo qual a causa e qual a conse-
qncia. Conte as histrias por inteiro,
mesmo que apenas parte dela esteja
representada
CONVERSE E TESTE
Nem sempre a leitura que voc
faz a mesma dos outros leitores.
Montada a estrutura do infogrfco,
pergunte a outras pessoas se elas
entendem, se est claro
ADICIONE REDUNDNCIA
Redundncia causa rudo em texto,
mas, numa infografa facilita a com-
preenso visual. Num info sobre um
acidente de avio, espera-se ver um
avio, no uma bolinha vermelha
* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam
118 119
FAA SEU INFOGRFICO BRILHAR
Voc sabe exatamente o que quer mostrar, escolheu a opo correta
dentro do repertrio apresentado anteriormente (ou melhor ainda:
criou uma nova soluo), h espao na edio mas, visualmente o
infogrfco est muito sem graa, sem apelo visual. O que fazer?
Em primeiro lugar, no se preocupe tanto com isso. Se a informao
estiver clara e bem contextualizada o leitor vai agradecer. Na boa in-
fografa mais importante que os textos e imagens estejam dispostos
de forma organizada, coesa e agradvel de ler. Cair na tentao de
usar recursos meramente ilustrativos para tentar chamar a ateno
do leitor (ou do editor) pode acabar criando um rudo visual que,
por sua vez, pode distrair ou afastar o leitor das informaes que
realmente interessam.
Mas, isso no signifca que os bons infogrfcos devem ser frios e sem
graa. Investir na qualidade visual com capricho e dedicao muito
importante e agrega valor informao jornalstica.
Antes de tudo, crie uma hierarquia visual dando mais espao infor-
mao principal e deixando o resto em segundo plano. Se o principal
for um mapa, por exemplo, faa o mapa maior e deixe grfcos e tabelas
menores. Vamos ver a seguir algumas opes que podem valorizar
um infogrfco e fazer dele uma imagem original.
1. GRAFISMO MINIMALISTA
Explore a beleza visual de fguras simples usando o contraste de cores
e formas. Mantenha a nfase na informao com o uso de pictogra-
mas e formas simplifcadas de grfcos, mapas e outros diagramas.
2. USE IMAGENS EM FORMAS DE 3 DIMENSES
Foto e blocos de texto so retngulares. A maioria dos infogrfcos
tambm. Diferencie a ilustrao infogrfca com uma vista em trs
dimenses, dando profundidade imagem informativa.
3. FATIE A FIGURA E MOSTRA O INTERIOR
Corte esquemtico, estruturas transparentes e vistas explodidas
unem em uma nica imagem a aparncia externa e interna dando
origem a uma fgura inusitada que instiga a curiosidade.
120 121
4. USE METFORAS VISUAIS
Combine o ttulo com uma imagem metafrica. Use essa imagem
como ncora visual do infogrfco ou mesmo da pgina. Cuidado para
no deixar a brincadeira comprometer a informao.
5. COLOQUE OS PASSOS EM UM NICA CENA
Ao invs de mostrar cada fato separadamente, junte todos em uma
nica ilustrao, como se tudo estivesse acontecendo ao mesmo
tempo. Escolha um ngulo que permita uma leitura da esquerda
para direita
6. EXPLORE AS COMPARAES DE CONTEXTO
s vezes a graa da informao s revelada se houver uma com-
parao adequada. Mostre isso usando imagens proporcionais. H
casos em que possvel representar os objetos em tamanho real,
pode ser uma opo.
7. PONHA UM ILUSTRADOR PARA TRABALHAR
Escolha um artista com trao adequado ao pblico e mensagem
e deixe que ele acrescente sua viso. Para dar tudo certo, defna os
textos e diagrame toda a infografa e, s ento, chame o ilustrador.
8. TIRE O INFOGRFICO DO RETNGULO
As pginas tem colunas verticais e alinhamentos horizontais que
deixam tudo retngular. Quebre essa monotonia com infogrfcos
que passeiam pelas colunas, deixando a pgina mais interessante.
9. CRIE MOVIMENTO COM LINHAS E SETAS
Alm de orientar a leitura, o uso de setas pode criar a sensao de
movimento nos elementos do infogrfco. Se houver valores agrega-
dos, faa a largura das setas proporcional a esses valores.
10. USE FOTOS AO INVS DE ILUSTRAO
Use as fotografas como base e, com uso de softwares como o Pho-
toshop, torne evidente a situao que pretende retratar. A foto tem
maior conexo com a realidade, facilitando a compreenso da imagem.
11. TENHA MAIS OUSADIA NOS GRFICOS
Saia do modelo visual convencional de grfco que voc encontra
todo dia nos cadernos de economia. Experimente novas formas de
mostrar os nmeros e/ou use imagens que acrescentem informao.
122 123
EXEMPLOS: GRAFISMO MINIMALISTA
Acima, a proporo das dvidas de
alguns pases da zona do euro. Ao
lado, as cores foram usadas para
delimitar grupos de imveis
EXEMPLOS: GRAFISMO MINIMALISTA
Um jeito ousado de apresentar a tabela da Copa
do Mundo 2010. Os crculos eram proporcionais a
posio dos pases no ranking Fifa
124 125
EXEMPLOS: FORMAS DE 3 DIMENSES
Perspectiva isomtrica das profundidades de
explorao de petrleo cria um contraste com
os outros elementos horizontais
EXEMPLOS: FORMAS DE 3 DIMENSES
O tradicional grfco de barras ganhou
volumetria (esq.); mesmo recurso das ilustraes
que mostram a ao do laser em tatuagens
126 127
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Vista explodida detalhada os andares do Museu
de Arte de So Paulo (Masp)
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Corte esquemtico permite visualizar
todo o processo de produo de energia
em uma usina hidreltrica
128 129
EXEMPLOS: USE METFORAS VISUAIS
Mimetizando uma estrada, este infogrfco
mostra os envolvidos que foram caindo no
decorrer do caso
EXEMPLOS: USE METFORAS VISUAIS
A guerra pela classifcao foi o mote para
criao desta pgina. Repare que at o esquema
ttico formado por tanques e caas
130 131
EXEMPLOS: TODOS OS PASSOS EM UM NICA CENA
Uma nica ilustrao principal foi usada como
suporte para uma srie de problemas possveis
em uma cozinha
EXEMPLOS: TODOS OS PASSOS EM UM NICA CENA
Os vrios momentos da viagem do peixe-boi
colocados lado a lado permitem uma comparao
visual mais imediata
132 133
EXEMPLOS: EXPLORE AS COMPARAES DE CONTEXTO
Impresso em tamanho real, o crculo de 53 cm
mostrava exatamente o dimetro pelo qual
seriam resgatados os mineiros chilenos
EXEMPLOS: EXPLORE AS COMPARAES DE CONTEXTO
As dimenses
s ganham
valor quando
comparadas.
Neste caso, o
comprimento de
lula gigante em
contraste com a
altura mdia de
um homem
134 135
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
importante escolher um estilo de ilustrao
adequado pauta, como estas elegantes ilustraes
no infogrfco sobre check-up
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
A ao do for simples (e chata) mas,
nas mos de ilutrador de talento ganha vida
e prende a ateno
136 137
EXEMPLOS: TIRE O INFOGRFICO DO RETNGULO
Nesta sequencia de pginas, a infografa
cria um caminho por onde passeiam as
informaes e ilustraes
EXEMPLOS: TIRE O INFOGRFICO DO RETNGULO
Nem horizontal, nem vertical: a soluo para
movimentar esta pgina sobre o sistema solar foi
criar uma diagonal entre as colunas de texto
138 139
EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS
Alm de dar movimento, o uso de setas neste
infogrfco ajuda a organizar o contedo 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 rodovirio
140 141
EXEMPLOS: USE FOTOS AO INVS DE ILUSTRAO
Fotos recortadas remetem aos assuntos tratados
no mapa dos efeitos do aquecimento global
EXEMPLOS: USE FOTOS AO INVS DE ILUSTRAO
Fotomontagem
com raas
caninas (acima)
e sobreposio
de imagem da
estrutura nasal
em infogrfco
sobre a
rinoplastia
142 143
EXEMPLOS: TENHA MAIS OUSADIA NOS GRFICOS
Grfco de barras segue a forma circular do globo
para enfatizar as dimenses da emisso de CO
2
Infografa mostra a proporo dos partidos a
cada eleio desde 1982
144 145
PENSE A PGINA COMO UM TODO
O trabalho do reprter ou do redator no termina quando ele re-
tranca a matria, da mesma forma que a tarefa do fotgrafo no
acaba quando ele d um clique e que a misso do infografsta no
est completa no print isolado do infogrfco. Todos tem que ter
em mente o peso e a funo que sua informao vai ter no produto
fnal, a pgina, suporte fnal da reportagem. E todos podem e devem
interferir em sua criao.
Num jornal pensado como linha de produo, a pgina respon-
sabilidade exclusiva da edio e o diagramador tem funo tcnica,
fazendo apenas o que a edio manda. J no jornalismo visual, toda
a equipe deve estar envolvida na edio, ciente e participante na
elaborao da pgina, porque sabe que o leitor no v as informaes
isoladamente. O leitor v a pgina como um todo. Por isso, bom
que a equipe estabelea um consenso sobre qual tipo de informao
mais relevante e como cada uma delas vai estar grafcamente disposta
na pgina. Todos precisam ter postura ativa e disposio para orga-
nizar as informaes e contar a histria da melhor maneira possvel.
Vrios tipos de grfcos so reunidos
em um s em pgina dupla aps o resultado
da eleio 2010
146 147
ANEXO: DICAS PRTICAS DE INFOGRAFIA
TIPO DE NOTCIA x TIPO DE PGINA
Como o texto, a foto e a ilustrao perdem ou ganham destaque conforme a narrativa
INFOGRFICO SOLUO NOTCIA
Contraste
usando fotos
grandes x
mapa peque-
no ou mapa
grande x fotos
pequenas
Veja quais as
relaes entre os
tpicos de texto
e tente criar um
diagrama ou esque-
ma. Use ilustraes,
vinhetas ou fotos
ligadas ao texto
Nas coberturas quen-
tes a foto geralmente
o mais o importante
registro da notcia e deve
ser privilegiada
Exemplos: Personagens,
produtos, lugares, confitos
e eventos em geral
MAPAS E RAIO-X
Sua funo bsica
responder: onde?
Podem ainda mostrar
diferenas regionais,
trajetos etc. Com fotos
ou ilustraes seguram
qualquer pgina
ARTES-TEXTO
Tm esse nome porque,
quase sempre, o texto ocupa
a maior parte do espao
grfco. So timo material
de apoio em reportagens com
boas fotos e, em especial,
servios ao leitor
DIAGRAMAS
Nesse tipo de infogrfco, a
imagem a informao mais
importante. A parte difcil
que nem sempre a imagem
visual est clara, pronta. Preci-
sa de uma pauta objetiva e de
mais tempo para produo
GRFICOS
Por meio dos grfcos o
leitor pode ter uma repre-
sentao visual de maior
ou menor, queda ou alta e
porcentagens, comparando
de imediato as grandezas
em questo
Anlise e servio
podem contar com ilus-
traes que interpretam
os dados e direcionam a
leitura
Exemplos: Servios,
rankings, listas, apoios
didticos e cronolgicos
Aposte na sim-
plicidade, clareza e
contexto dos dados
para criar uma
imagem original
Pense bem em
qual estilo grfco
combina melhor
com o tipo de in-
formao que voc
pretende transmitir
e tipo de pblico
ao qual se destina
A infografa merece
maior espao e investi-
mento em pautas onde o
didatismo o foco da
reportagem
Exemplos: cincia, sade,
arquitetura, urbanismo,
relaes e processos
Informaes num-
ricas ou geogrfcas
devem privilegiar o uso
de infogrfcos
Exemplos: Divulgao de
dados numricos, estu-
dos, pesquisas e numeros
em geral
P
G
I
N
A
S

M
A
I
S

F
O
T
O
G
R
F
I
C
A
S
P
G
I
N
A
S

M
A
I
S

I
N
F
O
G
R
F
I
C
A
S
148 149
ANEXO 1 - COMO FAZER UM INFOGRFICO
1
2
3 4 5
O QUE VOC
QUER MOSTRAR
COMO MELHORAR
O INFOGRFICO
Nmeros
Alta / queda
Participao
Comparaes
GRFICOS
Onde fca
Trajeto/ como foi
Dados geogrfcos
Cartogramas
MAPAS
Esquema
Organograma
Passo a passo
Como funciona
DIAGRAMAS
Raio-X/ Dicas/ lista
Entenda o caso
Como era/ fcou
Crono/ Tabelas
- Escolha UM grfco principal. Faa os outros
menores criando uma narrativa
- Explique os nmeros, mostre por que eles so
importantes:
Ex.: US$ 14 tri = 7 vezes o PIB do Brasil
- Marque referncias que ajudem o leitor a
se localizar (monumentos, rios)
- Use o mapa como base para distribuir as
informaes em pauta
- Trace rotas para orientar a leitura
- Faa um rascunho antes de comear a
escrever. Os textos vo acompanhar o diagra-
ma, no o contrrio
- Veja se o diagrama pode ser disposto em
mapa ou incluir valores ($, %, tempo)
- Use interttulos para separar os blocos
- Use fotos ou ilustraes para ajudar a sinali-
zar os pontos principais
- Veja se no possvel organizar como um
diagrama, fca muito melhor
ARTES-TEXTO
QUAL
RECURSO USAR
Evoluo
Distribuio Comparao
Fluxo
Esquema
Onde
Dados
Ilustraes
Fotos
Vinhetas
COMECE PELO TTULO
Crie um ttulo que descreva o que o info vai
mostrar. O mapa da dengue, por exemplo, gera
um resultado diferente de Como evitar a dengue.
Faa um ttulo que ajude voc e o infografsta a
saberem qual o objetivo do infogrfco
MOSTRE VISUALMENTE A INFORMAO
Infografa texto + imagem,
por isso no pense s no texto. Rabisque sua
ideia ou escolha uma das formas a seguir
1 infogrfco = 1 histria
No exagere no contedo
ANEXO 1 - COMO PENSAR VISUALMENTE?
Algumas histrias fcam mais fceis
com IMAGEM do que s com texto
PARA O LEITOR:
S TEXTO
PARA OS AMIGOS:
TEXTO + IMAGEM
UM LUGAR
Jornalista
Festa!!!!
OSonique(centrodeSoPaulo) recebea
festatemticaDarkRoomnestatera-feira
(24), vsperadeferiadonacidade. Inspirado
emboates londrinas que promovemfestas
semelhantes, oeventovai ter esseclimaora
comambientecommeialuz, oraluznegrae,
emvrios momentos, escuridototal --pro-
pciopara a paquera. As pessoas que forem
vestidas com peas pretas ganham uma
dose do drinque Black Power. O set-list
dos DJs Ulisses Campbell, Biondo e Fbio
Abraho passa pelo pop, house e incluem
Comisso, osalrio-base dos bombeiros
passar de R$ 1.151 para R$ 1.215, segundo
dados ofciais do governo --os bombeiros
dizemque o salrio-base da categoria de
R$ 950. O aumento ainda muito aqum
dos R$ 2.000 de piso reivindicados pelos
bombeiros antes da priso de 439 inva-
sores do quartel no sbado. Desde ento,
os bombeiros transformarama libertao
dos seus colegas naprincipal reivindicao,
e parte de seus lderes diz que snegociar
a questo salarial aps a soltura.
UM VALOR Jornalista
Respondeu
1
2
EXPERIMENTE PENSAR NO
LEITOR COMO UM AMIGO
Conte suas histrias mostrando
imagens que prendam a ateno e
facilitem a compreenso
A infografa, o vdeo e a fotogra-
fa so ferramentas efcientes que
todo jornalista deve saber usar
observe como
os jornalistas
costumam
contar sobre
150 151
LOCAL DO ACIDENTE
Avio caiu as 18h
SO PAULO
RIO DE JANEIRO
MINAS GERAIS
Campinas
Belo Horizonte
Itajub
(Avio Cessna 206 saiu de
Campinas as 17h30 e caiu
em Itajub)
DICAS
Para driblar o calor
Roupas
- Use roupas leves. O ideal
usar uma camiseta leve de
algodo
Alimentao
- Prefra alimentao mais
leve noite
- Tomar ao menos 1,5 litro de
gua por dia.
COMO FUNCIONA
A incinerao do lixo como
fonte de energia
1 - COLETA - Caminhes
recolhem o lixo nas ruas e
levam para usinas
2 - QUEIMA - Na usina, os
resduos so submetidos a
altas temperaturas
(PDF anexo)
3 - ENERGIA - A energia
transformada em vapor e
movimenta turbinas
FRUTAS EM ALTA
R$ por kg
2009
2010
2011
Banana
2,20
3,15
5,50
Destaque 2011: Maior alta
da desde nov.2002
ANEXO 1 - COMO ESCREVER PARA INFOGRAFIA?
LEMBRE-SE: Em geral,
DUAS linhas no Word equivalem a
OITO linhas no infogrfco
Agrupe os itens
com interttulos
Alguns exemplos de texto para infografa
Mapa Arte-texto Grfico Diagrama
Valorize o dado
mais importante
Inclua referncias
visuais
Indique o
quer mostrar
TTULO E LINHA FINA DEVEM DESCREVER
O QUE O LEITOR VAI VISUALIZAR
O texto em tpico deve ser curto e objetivo
Se precisar de muito texto talvez seja melhor
fazer uma matria com esta abordagem e esco-
lher outro enfoque para o infogrfco
FAA O TEXTO EM FUNO DA IMAGEM
QUE PRETENDE REPRESENTAR
Evite palavras longas, no infogrfco elas
podem ocupar uma linha inteira
Use exemplos e comparativos para dar con-
texto
SUBTTULOS E INTERTTULOS
Use estes recursos para separar, destacar ou
organizar as informaes
1
2 3 4 5
ANEXO 1 - D PRA COLOCAR UM DESENHINHO?
Ilustrao como informao
tcnica/ cientfca
Melhor alternativa para regis-
trar este tipo de informao
Permite que o leitor visualize
coisas impossveis de serem
fotografadas como projetos,
o mundo celular ou espacial
Ilustrao como
metfora visual da pauta
Boa soluo para representar
editorialmente temas que se
prolongam no noticirio
bom tomar cuidado para que
a brincadeira no atrapalhe a
informao que interessa de fato
Ilustrao como sinalizao
do tema ou do personagem
Boa alternativa para pautas
que no tem fotos e o texto em
tpicos o mais relevante
melhor que uma das ilus-
traes seja maior do que as
outras para orientar a leitura
Assim que tiver a ideia pode pedir a
ilustrao na Arte, o texto pode vir depois
Exemplos de bom uso da ilustrao na infografa
AT D, MAS NA INFOGRAFIA
MELHOR QUE A ILUSTRAO
TENHA UMA FUNO
S use uma ilustrao decorativa
em ltimo caso
Prefra imagens informativas ou use
a ilustrao para ligar e dar sentido a
informaes que fcariam dispersas
1
2 3 4
152 153

INFOLIDE.COM

Infografe Mario Kanno Pag Dupla

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Infografe Mario Kanno Pag Dupla

Enviado por

Direitos autorais:

Formatos disponíveis

1

Você também pode gostar