Infografe

MRIO KANNO
1

CO
EX M
EM DIC
PL AS
O E
S

Como e porque usar infogrficos

para criar visualizaes e comunicar de
forma imediata e eficiente

MRIO KANNO

Infografe
Como e porque usar infogrficos para criar visualizaes
e comunicar de forma imediata e eficiente

Edio eletrnica
So Paulo
INFOLIDE.COM
2013

Sobre o autor, Mrio Kanno

0OQVO`SZS[1][c\WQOzx]A]QWOZ>cPZWQWRORSS>`]^OUO\RO
^SZO3aQ]ZORS1][c\WQOzSaS/`bSaROC\WdS`aWRORSRSAx]>OcZ]
31/CA>
>`]aaW]\OZRO3RWb]`WORS/`bSRO4]ZVORSA>OcZ]RSaRS'&'
]\RSSfS`QSObcOZ[S\bSOTc\zx]RS3RWb]`/RXc\b][OWaT]QOR]
S[Sa^SQWOWaeSPSBD
>`}[W]a(4]ZVO/P`WZA<2;OZ]SX
>`]TSaa]`R]Qc`a]RS8]`\OZWa[];cZbW[RWO^a4//>2Sc
OcZOa\]732Ax]>OcZ]7abWbcb]3c`]^S]RW2SaWU\31/CA>
4OQQO[^S1ta^S`:PS`]
=`UO\WhOR]`RO;]ab`O<OQW]\OZRS7\T]U`OO
;S[P`]R]7<4=:723U`c^]RSRSaWU\S`aSX]`\OZWabOa_cS^`]
[]dSS\Q]\b`]aQc`a]aS^OZSab`Oad]ZbOR]aO]O^`W[]`O[S\b]R]
X]`\OZWa[]dWacOZSW\T]U`OO
Agradecimentos
/U`ORSz]O4]ZVOSO]=bOdW]^SZOQSaax]ROaW[OUS\acbWZWhOROa
\SabSZWd`]S^SZO]^]`bc\WRORSRSb`OPOZVO`SO^`S\RS`Q][OZUc\a
R]a[SZV]`SaX]`\OZWabOaR]^Oa/b]R]aQ][]_cOZbWdS]^`OhS`
RSb`OPOZVO`S[Sa^SQWOZO_cW[ScQVSTS^O`QSW`]4tPW];O``O/]
:cQOaB]TT]ZW_cSOXcR]c\O[]\bOUS[S`SdWax]3O[W\VOTO[ZWO(
@]aS5cabOd]0`O\_cW\V]ASc8]`US2]\O3ZhOAWS8c

APRESENTAO

Trecho do PNLD 2014 (PROGRAMA NACIONAL DO LIVRO DIDTICO)

3abSZWd`]\x]{O^S\Oa^O`OX]`\OZWabOaO^SaO`RSbS`aWR]^S\aOR]
]`WUW\OZ[S\bSRc`O\bSc[aS[Sab`S\]_cOZbWdS]^`OhS`RSd]ZbO`
O31/CA>]\RS[SU`ORcSWQ][]^`]TSaa]`Q]\dWROR]^O`ORO`
OcZOaRS8]`\OZWa[]DWacOZS7\T]U`OO2WabO\bSRSaS`c[b`OPOZV]
OQOR}[WQ]]Q]\bSR]`S\S[W\VOSf^S`W}\QWOS[[OWaRS O\]a
b`OPOZVO\R]Q][W\T]U`tQ]a\Oa[OWaRWdS`aOaTc\zSaSbW^]aRS
^cPZWQOzx] X]`\OZ`SdWabOdWRS]eSPSOb{>]eS`>]W\b
B`OPOZVSWQ][c[OS\]`[SdO`WSRORSRS^`]aaW]\OWaSOa[OWaRW
TS`S\bS^OcbOa_cSaS^]aaOW[OUW\O`/QV]W\bS`SaaO\bSQ][]QORO
\]d]Oaac\b]`S^`SaS\bOc[\]d]RSaO]dWacOZQ][]c[O[]\bOR]
RSbSfb]aSROR]aO^O`S\bS[S\bSaS[Q]\Sfx]dx]UO\VO\R]aWU\W
QOR]Q]\T]`[S]W\T]U`tQ]dOWQO\R]^`]\b]
/Q][^O\V]bO[P{[ORWQcZRORS_cSOa^Saa]OabS[S[OR]bO`
c[O`Sb`WQOdWacOZ1][]\x]Q]\aSUcS[aOW`RSc[[c\R]TSWb]
aRSbSfb]^O`OQ`WO`ScaO`W[OUS\aU`tQ]a[O^OaSRWOU`O[Oa
3a^S`]_cSSabSZWd`]OXcRS
5

SUMRIO

7<B@=2Co=7
7<4=5@/47/38=@</:7A;=D7AC/:
=@753<A2/7<4=5@/47/ 36
1=;=>@=2CH7@7<4=5@471=A 55
/`bSabSfb]74
5`tQ]a &%
;O^Oa ''
2WOU`O[OaWZcab`OR]a "
4/o/A3C7<4=5@471=0@7:6/@ &
>3<A3/>57</1=;=C;B=2= 144
/<3F=(271/A>@B71/A237<4=5@/47/ 146

INTRODUO

3cdSX]]X]`\OZWa[]^`W\QW^OZ[S\bS]X]`\OZWa[]W\dSabWUObWd]R]a
U`O\RSaX]`\OWaQ][]c[O]`_cSab`OaW\T\WQO<x]^SZ]ZOR]RSaS`
c[OQ]\Xc\zx]RSSa^SQWOZWabOab`OPOZVO\R]S[aW\b]\WO^]WaOZUc\a
U`O\RSaX]`\OWa^O`SQS[[OWab]QO`]aO[POR]Q`W]cZ]R]WR];Oa^]`
RSaS`c[OU`O\RSSQO`OSab`cbc`OQVSWORS`SU`OaS[SZW\R`Sa_cS
QVSU]cObS`aScO^]USc_cO\R]S\QVWO]aaOZSaSb]ROaOaU`O\RSa
[Sb`^]ZSaS`O[]P`WUOROaObS`acO^`^`WOaW\T\WQORWa^cbO\R]
[OSab`]aSdW`bc]aSa3dSX]bO[P{[Q][]Oa]abWQOzx]SO^][^O
RO[aWQOQZtaaWQO^`ObWQORO^SZOa]`_cSab`OaT]WSd]ZcW\R]RSbOZ
T]`[O_cS]a[aWQ]aXt\x]Q][^c\VO[^O`O]a]cdW\bSaRWa^c
bOdO[S\b`SaW_cS[TO`WOO[SZ]RWO[OWaW\]dOR]`O]cRWTQWZRSaS`
`S^`]RchWRO2O\SaS]^PZWQ]
2Sc\]_cSRSc5`O\RSa]`_cSab`OaRSaO^O`SQS`O[]cb`Oaa]P`S
dWdS[Q][RWQcZRORS]cbS\bO[aSS\QOWfO`ua[cRO\zOaOb{V]XS
=^PZWQ]Q]\bW\cOO]cdW`[aWQO2O\S[aSOa]`_cSab`Oa
4]WR]^`^`W]=bOdW]4`WOa4WZV]RW`Sb]`RS`SROzx]RO4]ZVORS
A>OcZ]][OW]`S[OWaW\cS\bSX]`\OZR]0`OaWZ_cS]cdW]Q]
7

[S\bt`W]RS_cSOZUc\aX]`\OZWabOa\x]Sabx]SaQ`SdS\R]^O`O]a
ZSWb]`SaSaQ`SdS[^O`OaW[Sa[]S^O`O]a]cb`]aX]`\OZWabOa>O`O
_c}->O`ObS`acOOaaW\Obc`OU`OTORO\]W\QW]RO`S^]`bOUS[AS]
ZSWb]`S\bS\RScO`S^]`bOUS[-2O\SaS]ZSWb]`
;Oa]ZSWb]`\x]aS^`S]Qc^OQ][Waa]>O`OacPabWbcW`acOaSRSRS
W\T]`[Ozx]SabO[]a\O3`ORO7\T]`[Ozx]SZSbS[OBD_cSbO[P{[
Q]\bOQ][c[OSab`cbc`OU`O\RS[OaZS[P`O[OWac[[SUOaV]eRS
`]QYSQ]\bW\cOObW\UW\R][OaaWdO[S\bSc[OOcRW}\QWO^OaaWdO3bS[
OW\bS`\Sb_cSOZ{[RS`S^`]RchW`]Q]\bSR]R]aU`O\RSaX]`\OWa
Q]\bOQ][]aPZ]Ua<OO\OZ]UWORO[aWQOSabSaax]Q][]QO\b]`Sa
RS`O^RWa^O`O\R]W\T]`[Ozx]uadShSaaS[^`SQWax]Q][^`][Waa]
]c`Sa^]\aOPWZWRORS;OaWaa]bO[P{[\x]^`S]Qc^O]ZSWb]`3ZS{
W\bSZWUS\bSSQ][]`SQSPSW\T]`[Ozx]RSdt`WOaT]\bSabS[QO^OQW
RORS^O`OQ`chO`ROR]aSW\dSabWUO`[OWaaSOQVO`\SQSaat`W]>]RS
Ob{dSXO[aQ][^`O`c[X]`\OZ]cc[O`SdWabOa^O`OQ]\`[O`
]_cS]cdWcRWhS`\OBD\]`tRW]]c\OW\bS`\Sb
=caSXO]ZSWb]`dWdSaS[X]`\OZW[^`Saa]]cRWUWbOZ
;OaS]X]`\OZ-AS`t_cS]aX]`\OZWabOaOQ`SRWbO[[Sa[]_cSdx]
dWdS`aS[ZSWb]`Sa-?cS]aZSWb]`SaQ]\bW\cO`x]^OUO\R]^]`c[O
W\T]`[Ozx]_cSSZSa\x]Q]\aSUcS[S\bS\RS`pa]P`SQ][][SZV]`O`Ob`O\a[Waax]ROW\T]`[Ozx]RWUWbOZ]c
W[^`SaaOS_cSSabSZWd`]dOWb`ObO`/W\T]U`OOS]X]`\OZWa[]dW
acOZdWS`O[^O`OQO`=X]`\OZ=`_cSab`OAW\T\WQOQ][bSfb]a
`SPcaQOR]aS]PaQc`]abS[_cSRO`ZcUO`Oc[\]d]X]`\OZWa[]]\RS
OWQ]\]U`OOT]b]aW\T]U`tQ]aSWZcab`OzSaObcS^O`O_cSOaW\
T]`[OzSaQ]\bWROa\Oa`S^]`bOUS\aaSXO[S\bS\RWROaSaObWaTOzO[
&

\]aa]a_cS`WR]aSSaaS\QWOWaZSWb]`Sa
3\_cO\b]]aX]`\OZWabOaQ]\bW\cO`S[Sa_cSQS\R]_cSQ][c\WQO`
\x]{]TS`SQS`O]ZSWb]`c[PZ]Q]VS`[{bWQ]RSbSfb]S_cSOQ][c
\WQOzx]aOQ]\bSQS_cO\R]]`SQS^b]`ZSWb]`S\bS\RSO[S\aOUS[
b`O\a[WbWROORWaQcaax]a]P`S]Tcbc`]R]X]`\OZ\x]dOWRO`S[\ORO

'

INFOGRAFIA E JORNALISMO VISUAL

2S\][W\OaSX]`\OZWa[]dWacOZO^`ObWQORSQ][PW\O`Sab`ObSUWQO
[S\bSbSfb]SW[OUS\a^O`O[SZV]`O`OSQW}\QWOROQ][c\WQOzx]
X]`\OZabWQO=abSfb]aW\T]`[Ozx]dS`POZ^]RS[aS`SaQ`Wb]a]c
TOZOR]aXtOaW[OUS\aW\T]`[Ozx]U`tQO^]RS[aS`b`O\a[WbWROa
cbWZWhO\R]T]b]U`OOaW\T]U`tQ]aWZcab`OzSaQ]`Sa]aT]`[Oa
P`O\Q]bW^]U`OOZ[SaO\W[OzSa
<SaaSQ]\bSfb]]W\T]U`tQ]bS`[]]`WUW\OR]RSW\T]`[ObW]\U`O
^VWQa{c[OTS``O[S\bOQ][][Sa[]]PXSbWd]Q][c\WQO`Q][
PW\O\R]W[OUS\aS^OZOd`OaS_cSTOhca]R]a[Sa[]a`SQc`a]ap]
X]`\OZWa[]dWacOZRS\b`]R]X]`\OZWa[]dWacOZ=_cSdOWRWTS`S\QWtZ]
{OOca}\QWOR]bSfb]\O``ObWdOQ]\dS\QW]\OZQ]Zc\OaRSbSfb]_cS
{acPabWbcR]^]`Q]bOaZSUS\ROaSPZ]Q]aRSbSfb]S[b^WQ]aS]ca]
W\bS\aWd]RSRWOU`O[Oa`S^`SaS\bOzx]U`tQORSTOb]aTS\[S\]a]c
`SZOzSa^]`[SW]RSUc`OaUS][{b`WQOa^]\b]aZW\VOat`SOaSbQ
>]`Q]\bO`Q][b]R]a]a`SQc`a]aRWa^]\dSWa\OQ][c\WQOzx]U`tQO
S\]`[OZ[S\bSbS``SU`Oa[OWaSfdSWa_cO\b]uRWOU`O[Ozx]]
ca]RSQ]`Sa]aST]`[OaS]bO[O\V]ca]RObW^]U`OO]W\T]


U`tQ]bS[c[OS\]`[SdO\bOUS[\]aS\bWR]RSaSRWTS`S\QWO`R]
bSfb]Q]\dS\QW]\OZdOZ]`WhO\R]Oa^OcbOaS]TS`SQS\R]O]ZSWb]`c[O
T]`[OOZbS`\ObWdORSZSWbc`O
pQ][c[S\Q]\b`O`RS\WzSaO`[O\R]_cS]W\T]U`tQ]WZcab`O
SRt[OWaQZO`ShOOOaac\b]aRWTQSWa]c_cS]aZSWb]`Sa^]RS[
S\bS\RS`Q]WaOaQ][^ZSfOaQ][]Sab`cbc`Oa`SZOzSaUS]U`tQOa
^`]QSaa]a]cOzSaRSQOcaOSSTSWb]pWaa][Oa\x]{PS[Waa]=
_cSOQ]\bSQS\OdS`RORS{_cSVtOaac\b]a_cS]bSfb]a]hW\V]\x]{
QO^OhRSSf^ZWQO`Q][QZO`ShOS^]`Waa]]Oaac\b]OQOPO^O`SQS\R]
Q][^ZSf]SRWTQWZ=caSXOVt[cWb]aQOa]a\]a_cOWa]bSfb]\x]
{OT]`[OORS_cORO^O`Ob`O\a[WbW`OW\T]`[Ozx]B][S[]a][O^O
OUc`O[OWaO\bWUOROW\T]U`OOQ][]SfS[^Z](OZUc{[bS\bO`WO
TOhS`]a[O^OaS[T]`[ORSbSfb]Q]``WR]-<x]>]Wab]R]aaOPS[
_cS][O^OW\T]U`OOQc[^`S[SZV]`OTc\zx]RS`S^`SaS\bO`SaaS
bW^]RSW\T]`[Ozx]
=W\T]U`tQ]\x]bS[]^]RS`[WZOU`]a]RSTOhS`Q]WaOaQ][^ZSfOa
QO`S[aW[^ZSaSZS{O^S\OaO[SZV]`[O\SW`ORS`S^`SaS\bO`QS`b]
bW^]RSW\T]`[Ozx]2O[Sa[OT]`[O_cS]bSfb]{][SW][OWaSQOh
RSRSaQ`SdS`]cb`]abW^]aRSW\T]`[Ozx]SOT]b]{[OWaSQWS\bSS[
]cb`]aQOa]a
pSaaOO^`W\QW^OZdO\bOUS[ORS^]RS``S^`SaS\bO`dWacOZ[S\bS
W\T]`[OzSa_cSOT]b]SbSfb]\x]`S^`SaS\bO[Q][SQW}\QWO_cS
]aX]`\OZWabOaRSdS[bS`S[[S\bS_cO\R]Q][SzO[O^S\aO`S[
Q][]dx]Q]\bO`acOVWab`WO=cb`]Oa^SQb]dO\bOX]a]ROW\T]U`OO\O
Q][c\WQOzx]S[Sa^SQWOZ\]RWRObWa[]{]ca]RSc[OZW\UcOUcS[
dS`POZ[OWaRW`SbORWdWRWROS[b^WQ]a_cS^S`[WbSc[OZSWbc`O
[OWa`t^WROSQ][^`SS\ax][OWaW[SRWObORO^]`^O`bSR]aZSWb]`Sa
11

=ZSWb]`^]RSOW\RO\OdSUO`^SZ]W\T]U`tQ]Q][[OW]`TOQWZWRORS
W\R]Sd]ZbO\R]OQOROc[R]ab^WQ]aRSW\T]`[Ozx]\c[OZSWbc`O
\x]ZW\SO`RWTS`S\bSRO_cSS\Q]\b`O\]bSfb]]`UO\WhOR]S[[
RcZ]aSQ]Zc\Oa
pOQ`SaQS\bO\R]W\T]`[Ozx]dWacOZSQ`WO\R]c[OOZbS`\ObWdOu
\O``ObWdOQ]\dS\QW]\OZS[Sa^SQWOZ\Oa[RWOaW[^`SaaOa_cSO
W\T]U`OOSabtOdO\zO\R]Q]ZOP]`O\R]^O`Oc[X]`\OZWa[][OWa
dWacOZ^O`OObS\RS`O]aQ]\ac[WR]`SaRSW\T]`[Ozx]
Por que fazer um jornalismo mais visual
<x]{O^S\Oa^]`W\c}\QWOROBDROa`SdWabOa]cROW\bS`\Sb_cS
]aQ]\ac[WR]`SaZSWb]`SaSabx][OWadWacOWa
=aS`Vc[O\]{c[aS`dWacOZpRSacO\Obc`ShOOaaW[WZO`^`W[SW`]
OaW[OUS\a>`W[SW`]\aO^`S\RS[]adWacOZ[S\bSRS^]WaQ][S
zO[]aOTOZO`S[cWb]RS^]WaQ]\aSUcW[]aS\bS\RS`SSaQ`SdS`Oa
^OZOd`Oa<c[SfS[^Z]OQOR}[WQ]`SQ]``S\bS(aSScRWaaS`QORSW`O
\x]aS`x]OaZSb`OaSaZOPOa_cST]`[O[O^OZOd`O_cSW`x]O^O`SQS`
\OacO[S\bS[OaOW[OUS[RSc[]PXSb]_cS\]aa]Q{`SP`]Oaa]QWO
Q][c[OQORSW`O3[P]`OO[OW]`^O`bSR]Q]\VSQW[S\b]Vc[O\]
SabSXO`SUWab`ORORS[O\SW`OdS`POZU`O\RS^O`bSRS\]aaO[S[`WO
SRO[O\SW`OQ][]Q][^`SS\RS[]a][c\R]ax]dWacOWa
4]WRO`S^`SaS\bOzx]RSW[OUS\aTSWbOaS[^SR`O^Sb`UZWT]a_cS
ac`UW`O[OZUc\aR]a^`W[SW`]a`SUWab`]aQ]\VSQWR]aTSWb]a^SZ]V]
[S[3aaOT]`[ORS`S^`SaS\bOzx]Sd]ZcWcOb{QVSUO`Oc[OZW\UcO
UcS[Q][^]abORS^WQb]U`O[OaQ][]]aQc\SWT]`[SaROAc[{`WOS
]aVWS`UZWT]aSU^QW]a3ZSaOP`W`O[QO[W\V]^O`OOSaQ`WbOObcOZS[
c[^`]QSaa]_cSRc`]c[WZVO`SaRSO\]a;Sa[]RS^]WaRSW\dS\bORO
12

OSaQ`WbOSZOS`OOQ][^O\VORORS]cb`OaT]`[OaRS`S^`SaS\bOzx]
Q][]\OaWZcab`OzSaROaO\bWUOaPPZWOa_cSOZWta^`SQWaOdO[aS`
`WQOaS[W[OUS\a^]WaU`O\RS^O`bSRO^]^cZOzx]S`OO\OZTOPSbO2O
{^]QOR]@S\OaQW[S\b]]a`SUWab`]ab{Q\WQ]aR]WbOZWO\]:S]\O`R]
2ODW\QWax]SfS[^Z]RSW\bSU`Ozx]ROW[OUS[Q][]bSfb]dS`RO
RSW`Oa]P`OaRSO`bSROdWacOZWhOzx]RSROR]a
A imprensa ajudou a separar a imagem do texto
/W\b`]Rczx]ROW[^`S\aOSaSc^`]QSaa]W\Rcab`WOZRSbW^]a[dSWa
W\WQWOZ[S\bSZW[WbOR]hS`O[Q][_cSOQ][c\WQOzx]dS`POZSaQ`W
bOaSaS^O`OaaSRO\x]dS`POZW[OUS[/a[t_cW\OaS`O[TSWbOa
^`WdWZSUWO\R]O`S^`]Rczx]R]bSfb]S_cOaSb]ROWQ]\]U`OOT]WaS\
R]ac^`W[WRO4]WQ][[O_cW\t`W]OW\RO`cRW[S\bO`_cSac`UW`O[
]a^`W[SW`]aX]`\OWa)ROdS[]ca]W\bS\aWd]S_cOaSSfQZcaWd]RO
SaQ`WbOQ][]`SUWab`]ROW\T]`[Ozx]S\QVS\R]Oa^tUW\OaRSbSfb]
/aa]QWOaSOW\ROOWR{WORS_cS_cO\b][OWabSfb][OWaW\T]`[Ozx]
/W\b`]Rczx]R]aQ][^cbOR]`Sa^Saa]OWa\Oa`SROzSa_cSOQ]\
bSQSc\]aO\]a&S]aOdO\z]a\Oab{Q\WQOaS[t_cW\OaRSSRWzx]
RWOU`O[Ozx]SW[^`Saax]OP`W`O[Sa^Oz]^O`O_cSOZW\UcOUcS[
WQ]\]U`tQOd]ZbOaaSOaS``SQ]\VSQWROQ][]T]`[OZSUbW[OSSQOh
RS`SUWab`O`OW\T]`[Ozx]/][Sa[]bS[^]]OQSaa]R]Q]\ac[WR]`
uaW\T]`[OzSaW[SRWObOaRWa^]\dSWa\]`tRW]\OBDS\OW\bS`\Sb
TOhQ][_cS]aX]`\OWa\x]bS\VO[_cSaS^`S]Qc^O`bO\b]Q][O
_cO\bWRORSRSW\T]`[Ozx]SaW[Q][O_cOZWRORSR]_cS{^cPZWQOR]

13

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

100%
Texto

1921

Dirio inicia com uso da

tipografia manual

14

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1949

A empresa
adota a linotipia

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

1967

O jornal pioneiro
em impresso off-set

16

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1971

Jornal adota o istema

eletrnico de fotocomposio

17

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1989

Cor e computadores
para infografia

&

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1990

implantado o sistema
de paginao eletrnica

'

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1994

Uso intensivo e at
exagerado da cor

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

1995

Inaugura novo
centro grfico

21

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

2006

Projeto grfico j visava

leitura mais rpida

22

A EVOLUO TECNOLGICA E A
RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Infografia

65%

15%

Texto

20%

2012

Aposta no infogrfico como

diferencial de qualidade

23

Foto

QUASE 100 ANOS DEPOIS

Passado
100% texto

Presente
60% texto

0% imagem

40% imagem

Mas os jornalistas continuam os mesmos

24

A iconografia e os leitores
=W[^OQb]RO`SW\b`]Rczx]ROWQ]\]U`OOSabtRSaQ`Wb]\Oa^tUW\Oa
OaSUcW`Ax]`SacZbOR]aRS^Sa_cWaOa^O`O[SRW`]_cS]aZSWb]`Sa
dSS[_cO\R]]ZVO[c[O^tUW\ORSX]`\OZ
=^`W[SW`]U`tQ]>]g\bS`7\abWbcbS[]ab`O_cSO^S\Oa #R]a
ZSWb]`Sad}]bSfb]S\_cO\b]&dSS[]aW\T]U`tQ]a>]RS[]a
S\bS\RS`_cSaS]^]RS`RSOb`Ozx]ROW\T]U`OOT]`caOR]Q]``SbO
[S\bSbS`S[]ac[OQ][c\WQOzx][OWaSQWS\bS
=_cOR`]OaSUcW``ST]`zO]^]RS`ROWQ]\]U`OOpbO[P{[`SacZbOR]
RSc[O^Sa_cWaOR]bW^]SgSb`OQYW\UQ][X]`\OWaSaQO\RW\Od]a
TSWbOO^SRWR]R]A<2AA]QWSbgT]`<Sea2SaWU\AQO\RW\OdWO/a
ZW\VOadS`[SZVOaS^`SbOaW\RWQO[^]`]\RS^Oaa]c]]ZVO`R]ZSWb]`
S\_cO\b]]ZVOdOOa[Ob{`WO]aQ`QcZ]a`S^`SaS\bO[]\RSaSc]ZVO`
f]c`S^O`S_cS_cO\R]bSfb]SW[OUS[Sabx]aS^O`OR]a]]ZVO`R]
ZSWb]`^cZO]bSfb]SdOWRW`Sb]^O`OOaW[OUS\a=[OWaW\bS`SaaO\bS
S`SdSZOR]`^O`O]X]`\OZWa[]dWacOZ{]aSUc\R]SfS[^Z]_cO\R]Oa
W[OUS\aS]bSfb]ObcO[S[Q]\Xc\b]<]bSQ][]]]ZVO`R]ZSWb]`
^OaaSWO^SZOW\T]`[Ozx]W\R]Sd]ZbO\R]fO\R]]]ZVO`]`O\]
bSfb]]`O\OaW[OUS\a
>]`ZbW[]S[ &]>]g\bS`7\abWbcbSQ]\RchWc\]dO^Sa_cWaO
Q][ZSWb]`Sa4]`O[^`]RchWR]ab`}a[]RSZ]aRS^tUW\O^O`ObSabO`
OSQWS\QWORS\O``ObWdOaOZbS`\ObWdOa<][]RSZ]!]_cS]PbSdS
[SZV]``SacZbOR]\x]Vtc[OZW\VORSbSfb]b`ORWQW]\OZ\x]O^S\Oa
\]aT]`[Ob]a[OabO[P{[\O[O\SW`OQ][]Sabx]SaQ`Wb]a>O`O
acPabWbcWZ]caO`O[W\T]U`tQ]aSbSfb]aS[b^WQ]a\OaT]`[OaRS
^S`Uc\bOaS`Sa^]abOaZW\VOR]bS[^]QVO^Oaa]O^Oaa]SP]fRS
\[S`]a
25

O QUE O LEITOR V

Elementos nos quais o leitor foca o olhar, segundo a pesquisa americana

Infogrficos e fotografias lideram; apenas um em cada

quatro leitores foca o olhar no texto tradicional

80%
Infogrficos

75%
56%

Fotos

Ttulos

25%

29%

Texto

Legendas

31%
Notas

52%
Anncios

Fonte: Eyes on the News, Garcia, M.R. and Stark, P. (1991). St. Petersburg, Florida: The Poynter Institute.

26

COMO O LEITOR L

Exemplos de caminho do olhar do leitor em pesquisa eye-tracking*

TEXTO E IMAGENS
SEPARADOS

TRECHO DAS
CONCLUSES
Pelos nossos dados, textos
acompanhados por imagens
so observados por um
tempo significantemente
maior.

As linhas vermelhas e
pretas representam o
caminho do olhar na
pgina. O tamanho dos
crculos proporcional
ao tempo que o olhar se
fixou na imagem

Textos com infogrficos,

contudo, so observados
por um tempo ainda maior
do que os textos com outros tipos de imagens.

RESULTADO
Texto tradicional
ignorado.
Ttulo e infografia
monopolizam o olhar

Infogrficos aumentam o
tempo de leitura mais do
que qualquer outro tipo de
imagem

TEXTO E IMAGENS
INTEGRADOS

RESULTADO
Infografia
integrada ao texto
aumenta a leitura

Fonte: Tracing Integration of Text

and Pictures in Newspaper Reading,
Jana Holsanova, Nils Holmberg &
Kenneth Holmqvist, Lund University
Cognitive Science.

27

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 perguntas e respostas, linha do tempo,

ficha, passo a passo e box de nmeros 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 corretamente.

Modelo 3
Sem texto tradicional, apenas texto
em tpicos

Fonte: Eyetracking The News: A Study Of Print And Online Reading, Poynter Institute. (http://www.poynter.org/extra/Eyetrack/keys_03.html)

'

=caSXO\x]aSb`ObORSSZW[W\O`OW\T]`[Ozx]S[T]`[ORSbSfb][Oa
RSPcaQO`b`ObO[S\b]aU`tQ]adO`WOR]aQ][PW\O\R]W\T]`[Ozx]
dWacOZ^O`O_cS]aZSWb]`SabS\VO[[OWaS\b`OROaRSZSWbc`OST]`[Oa
OZbS`\ObWdOaRS`S^`SaS\bOzx]^O`O_cSO[S\aOUS[aSXOb`O\a[WbWRO
pW[^]`bO\bS_cS]X]`\OZWabOQ][^`SS\RO_cSO`S^]`bOUS[\x]aS
`Sab`W\USO]aScdOZW]a]bSfb]OaaW\OR]/`S^]`bOUS[W\QZcWOT]b]]
W\T]U`tQ]ORWOU`O[Ozx]S]cb`OaT]`[Oa\x]dS`POWaS{SZS^`
^`W]`S^`bS`]c`SROb]``Sa^]\atdSZ^SZO`S^]`bOUS[O^Saa]O[OWa
W\RWQORO^O`OSaQ]ZVS`_cOZO[SZV]`OZbS`\ObWdO^O`Ob`O\a[WbW`acO
[S\aOUS[/WRSWO\x]{OQOPO`Q][]b]R]]bSfb]Sb`O\aT]`[O`
bcR]S[U`tQ]aST]b]a=T]Q]{S\bS\RS`_cSS[QS`bOaaWbcOzSa
ROSRWzx]{^`SQWa]TOhS`c[O]^zx]SacPabWbcW`]ab`ORWQW]\OWaPZ]Q]
RSbSfb]^]`]cb`OaT]`[OaRS`SUWab`]ROW\T]`[Ozx]
O novo jornalista
/W\Rab`WOROW\T]`[Ozx]SabtaS\R]Q`cSZQ][]aX]`\OZWabOa/]
[Sa[]bS[^]_cSax]S[^c``OR]a^O`OaSb]`\O`S[Sa^SQWOZWabOa
S[RSbS`[W\OR]aOaac\b]aSZSabO[P{[^`SQWaO[TOhS`Q][_cS
acOaQOPSzOab`OPOZVS[Q][]c[O[W\WSRWb]`WO>S\aO`S^`]RchW`
O[Ob{`WOQ][]c[b]R]/W\dSabWUOzx]SO^c`Ozx]^OaaO`O[OaS`
O^S\Oa^O`bSRSacOabO`STOa6]XS_cO\R]`SQSPSc[O^OcbOSZS
^`SQWaO^S\aO`bO[P{[\]RSaS\V]RO^tUW\O\OT]b]S\]W\T]U`t
Q]]cWZcab`Ozx]3[aWbcOzSaZW[WbS{SZS^`^`W]_cS[bW`OT]b]
SSRWbO]aW\T]U`tQ]a6tOW\ROOadS`aSa^O`OW\bS`\SbQSZcZO`
SPZ]Uap[cWbOQ]WaO^O`O_cOZ_cS`^Saa]O[Oa]X]`\OZWabO\x]
^`SQWaO\S[RSdS`Sa]ZdS`bcR]a]hW\V]

!

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
infogrfico e ainda fez as
fotos que ilustravam sua
matria
Hoje, alm destas tarefas,
tem que pensar e produzir
vdeos para a TV e alimentar um blog na internet

31

=aX]`\OWaS]aZSWb]`Sadx]UO\VO`[cWb]aS]a^`]aaW]\OWaR]bSfb]
O^`S\RS`S[Ob`OPOZVO`S[Q]\Xc\b]Q][]aW\T]U`OabOaRWOU`O[O
R]`SaST]bU`OT]aAx]`O`]a]a`S^`bS`Sa_cSQ]\aSUcS[W[OUW\O`
a]hW\V]a_cOZObW^]RSb`ObO[S\b]dWacOZacO`S^]`bOUS[RSdSbS`S
[Sa[]SabSab}[]aScb`OPOZV][OWaPS[\OZWhOR]aS^]RS[Q]\
bO`Q][OOXcRORS]cb`Oa^Saa]Oa^O`OS\Q]\b`O`O[SZV]`[O\SW`O
RSQ]\bO`dWacOZ[S\bSacOaVWab`WOa/aW\S`UWO`SacZbO\bSROa][O
RSSaT]`z]aOXcROOaOW`R]aZcUO`SaQ][c\aSS\Q]\b`O`a]ZczSa
ORS_cOROaS]`WUW\OWa
3[dShRSb`OPOZVO`a]hW\V]]X]`\OZWabORSdSS\d]ZdS`W\T]U`Oa
bOaRWOU`O[OR]`SaT]bU`OT]aSOb{]PO\Q]RSROR]a\OO^c`Ozx]
ROVWab`WO7aa]aSTOhRS\b`]ROa`SROzSaQ][c[OQ][c\WQOzx]
[OWaRSbOZVORORO^OcbO3[c[O^OcbOa]P`SVWR`]SZ{b`WQOa^]`
SfS[^Z]SfWabS[W\[S`OaOP]`ROUS\a^]aadSWaAS]a^`]aaW]\OWa
`Sa^]\atdSWa^SZ]Q]\bSR]dWacOZ\x]a]cPS`S[Q][QZO`ShO_cOZ
]]PXSbWd]RO^OcbO{^`]dtdSZ_cS\OV]`ORSTSQVO`O[Ob{`WOVOXO
c[bSfb]Q]\bO\R]c[OVWab`WOc[U`tQ]]c[O^OQ]\bO\R]]cb`O
SOW\ROc[OT]b]Q][c[ObS`QSW`OVWab`WO
/TOZbORSbS[^]\x]{OQcZ^ORO^O`OTOZVOa\OQ][c\WQOzx]W\bS`\O
ROa`SROzSaB`}aV]`OaS[c[O`SdWabO\x]ax]\ORO\]aX]`\OWa
{bS[^]acQWS\bS^O`Oc[OQ]PS`bc`ORSU`O\RS^]`bS\OW\bS`\Sb
{c[OSbS`\WRORS/QcZ^O{[Sa[]ROTOZbORSQcZbc`OdWacOZR]a
`Sa^]\atdSWa^SZOW\T]`[Ozx]_cSaQ]\aSUcS[^S\atZO\OT]`[O
RSbSfb]3ZSaRSdS[bS`S[[S\bS_cS\]X]`\OZWa[]_cSTOhS[]a
V]XSOaW[OUS\aT]b]aW\T]U`tQ]aSWZcab`OzSaRSdS[aS`^S\aO
ROaQ][]W\T]`[Ozx]S[Sa[]]bSfb]RSdSPcaQO`\]dOaa]ZczSa
\ORWOU`O[Ozx]T]`[Ob]a_cSOXcRS[]ZSWb]`OS\Q]\b`O`]_cS
^`]Qc`OS_cScaS[c[OZW\UcOUcS[[OWaRW`SbOSRWTS`S\QWORORS
32

OQ]`R]Q][aScQ]\bSR]
Diviso de culpa
@Sa^]\aOPWZWhO`O^S\Oa]a^`]aaW]\OWaRSbSfb]^SZOTOZbORSQcZbc`O
dWacOZ{WU\]`O`P]O^O`bSR]^`]PZS[O2WOU`O[OR]`SaW\T]U`OabOa
ST]bU`OT]abO[P{[b}[acO^O`QSZORSQcZ^O<OQ]\b`O[x]R]a
X]`\OZWabOa[cWbOadShSaSZSa^`STS`S[^`WdWZSUWO`c[OW[OUS[aS[
W\T]`[Ozx]`SZSdO\bSO^S\Oa^]`aScdOZ]`Sab{bWQ]3aaSa^`]aaW]\OWa
bO[P{[^`SQWaO[Q][SzO`OO^`S\RS`X]`\OZWa[]SdOZ]`WhO`[OWaO
W\T]`[Ozx]_cSOSab{bWQOAOaaW[RSWfO`x]RSaS`RSQ]`OR]`SaRS
^tUW\OSbS`x]`Sa^SWb]^`]aaW]\OZRS\b`]ROa`SROzSa
<OW[^`S\aOP`OaWZSW`O{Q][c[_cSOW\T]U`OOSORWOU`O[Ozx]
aSXO[QVO[OR]aRS3RWb]`WORS/`bS]c2S^O`bO[S\b]RS/`bS[Oa
SZSa\x]RSdS[aSRSWfO`aSRchW`^SZORS\][W\Ozx]<x]{O`bS]
_cSTOhS[3ZSaax]]a[OW]`Sa`Sa^]\atdSWa^O`O_cS]X]`\OZWa[]
dWacOZaSXOPS[SfSQcbOR]1OPSOSZSaRSQWRW`Xc\b]Q][]a`S^`bS
`Sa_cOWaOa[SZV]`SaOZbS`\ObWdOaU`tQOaSWQ]\]U`tQOa^O`OQORO
VWab`WOOaS`Q]\bORO3]`WS\btZ]a
1cZ^O`]a^`]aaW]\OWaRSbSfb]^]`\x]^S\aO`S[dWacOZ[S\bS{
TtQWZ/aac[W`c[O^]abc`OObWdOSabO`^]`RS\b`]R]\]bWQWt`W]RS
aS\VO`Q][`Sa^]\aOPWZWRORSX]`\OZabWQOcbWZWhO`W[OUS\aQZO`OaS
PS[O`bWQcZOROaQ][]bSfb]W\bS`TS`W`\]Q]\bSR]Q]ZOP]`O\R]\O
O^c`Ozx]W`O]Z]QOZRO\]bQWOSaQ`SdS`]bSfb]aS\SQSaat`W]SbS`O
QO^OQWRORSRSO\bSQW^O`OaQ]PS`bc`Oa{]\]d]RSaO]ROa3RWb]`WOa
RS/`bS/aac[W`S\[_cS\x]ax]O`bWabOaax]X]`\OZWabOadWacOWa

33

COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 1

JORNALISMO TRADICIONAL
Prioriza o texto, acredita que s ele
contm e transmite informao. Funciona
como uma linha de montagem

PAUTA

Aciona apenas
o reprter ou o redator

JORNALISTA QUEM ESCREVE

Reprteres
e redatores
Iniciam a apurao que vai
sendo traduzida em forma
exclusiva de textos sem
pensar nas imagens

Fotografia
Recebe na ltima hora
o pedido para produzir
uma foto no local x,
horrio y. Desconhece
o enfoque jornalstico

EDIO
Reprteres
e redatores
No se interessam pelo
jeito que a notcia vai
estar apresentada desde
que esteja com a assinatura. Sua parte est
feita, agora o problema
do leitor

Infografia e diagramao
Tm de inventar alguma soluo
grfica para acomodar nmeros,
textos e imagens desconexos.
De preferncia com um
desenhinho

No pensa na imagem
e define a pgina sozinha
Infografia e
diagramao
Das duas uma: ou joga a
culpa no projeto grfico
ou partem para enfeitar a
pgina e o infogrfico com
cores e tipografia de efeito
apenas decorativo

Fotografia
Seleciona a foto mais
pelo tamanho do que
pelo contedo. Nao
raro acaba tendo que
optar por uma foto do
banco de imagens

RESULTADO
Pgina fraca onde texto,
foto e infogrfico no se
integram e contam histrias
diferentes. Fechou, amanh
vamos fazer igual!

34

COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 2

JORNALISMO VISUAL
Prioriza o trabalho em equipe. Entende as
funes de foto, texto e infografia

PAUTA

TODOS SO

Aciona toda a equipe.

Tenta dimensionar a
notcia e aponta solues

JORNALISTAS

Reprteres e
redatores
Iniciam a apurao
sempre pensando em
qual a melhor maneira
de contar a histria:
texto, foto, infografia
ou ilustrao

Infografia e
diagramao
Ajudam na apurao
e interpretao dos
dados. Buscam solues mais adequadas.
Pensam na pgina

EDIO
Infografia e
diagramao
So os principais responsveis pelo discurso
visual da pgina. Testam
alternativas at chegar a
uma que melhor valorize
a informao, seja ela
imagem ou texto

Fotografia
Ciente do enfoque,
tem condies de
contribuir na narrativa, buscando imagens
que acrescentem
histria

Define a pgina junto

com a equipe
Fotografia
Sintoniza as fotos
selecionadas com a cobertura, buscando fotos
que dialoguem com
os ttulos e propondo
cortes que valorizem a
imagem fotogrfica

Reprteres e
redatores
Tomam cuidado especial com os textos que
fazem parte da narrativa
visual (ttulos, infogrficos e legendas) orientando a leitura

RESULTADO
Texto, foto e infogrfico
formam um conjunto
nico que se completa.
Fechou, amanh vamos
fazer melhor!

35

ORIGENS DA INFOGRAFIA

/W\T]U`OOS[X]`\OWaS`SdWabOaaQ][Sz]cOUO\VO`TZSU]SQS`bO
W\RS^S\R}\QWOQ][ORWaaS[W\Ozx]ROQ]`\O[RWOW[^`SaaOS[
[SOR]aR]aO\]a&R]a{QcZ]^OaaOR]<]S\bO\b]]aSabcR]aR]a
^`]TSaa]`Sa;WQVOSZ4`WS\RZgS2O\WSZ82S\WaROC\WdS`aWRORSRS
G]`Y1O\ORt\]aTOhS[ZS[P`O`_cSOdWacOZWhOzx]RSROR]aXtSfWa
bWOT]`OROaU`O\RSa[RWOaRSQ]\ac[]S`S[]\bOObS[^]a[cWb]
[OWaRWabO\bSaaS\R]O\bS`W]`uSaQ`WbOQ][]T]`[ORS`SUWab`]S
Q][c\WQOzx]
=aS\aOQW]\OZb`OPOZV]RS4`WS\RZgS2S\WaSabtOQSaadSZdWOW\bS`
\SbSRSdSaS`Q]\acZbO]P`WUOb`WO^O`O^`]aaW]\OWaRSRSaWU\S
X]`\OZWabOadWacOWa(Vbb^([ObVg]`YcQOA1A5OZZS`g[WZSab]\S
ZSdOu^tUW\OS[W\UZ}a_cSRSaQ`SdS]a^`W\QW^OWa[][S\b]a\O
VWab`WOROdWacOZWhOzx]RSROR]a;WZSab]\SaW\bVS6Wab]`g]T
BVS[ObWQ1O`b]U`O^VgAbObWabWQOZ5`O^VWQaO\R2ObODWacOZWhObW]\
O\WZZcab`ObSRQV`]\]Z]Ug]TW\\]dObW]\aPg;WQVOSZ4`WS\RZgO\R
2O\WSZ82S\Wa6tW\QZcaWdSc[OdS`ax]`Sac[WROS[^RTSaQ`WbO
S[^]`bcUc}a

36

PRIMRDIOS DA VISUALIZAO DE DADOS

c. 30.000 a.C.

Pinturas em cavernas

c. 6.200 a.C.

O primeiro mapa gravado em pedra

representa moradias e, ao fundo, um vulco

c. 550 a.C.

O mundo segundo Anaximandro

de Mileto (c.610 a.C.- 546 d.C.)

37

pTOb]_cSOQ][c\WQOzx]dWacOZ^`SQSRSOSaQ`WbOS^]RSbS`W\c
}\QWORW`SbO\O[O\SW`OQ][]`SOUW[]aOaW\OWadWacOWaQ][]USab]a
Q]`SaSa[P]Z]a=dS`RSROa[ObOaS]dS`[SZV]R]T]U]SabO`WO[
W[^`SU\OR]aS[\]aa]W\Q]aQWS\bSaW\OZWhO\R]]P][S]`cW[^O`O
]V][S[^`W[WbWd]
6t![WZO\]a]V][S[XtTOhWO`SUWab`]aS[QOdS`\OaAS^`SbS\RWO[
Q]\bO`c[OVWab`WO\x]aSaOPS[OaOZUc[Oa^W\bc`Oaa]P`SdWdS
`O[=a^Sb`UZWT]aa[P]Z]aSaQcZ^WR]aS[`]QVOax]`SQ]\VSQWR]a
Q][]SdWR}\QWORSc[OT]`[ORSZW\UcOUcS[U`tQOS[a]QWSRORSa
^`W[WbWdOa
C[ORSaaOaU`Odc`OaS[`]QVOS\Q]\b`ORO^S`b]RS9W`YcY\]7`O
_cS{OQSWbOQ][]O`S^`SaS\bOzx]RSc[[O^ORSc[OQWRORSRO
O\bWUO0OPWZ\WOpc[R]a^`W[SW`]a`SUWab`]aQ]\VSQWR]a\]_cOZ
]V][S[\x]O^S\OaU`OTOc[a[P]Z][Oab`O\aT]`[OROR]aUS]
U`tQ]aS[W\T]`[Ozx]dWacOZaW\OZWhO\R]QOaOaS`cOa
/aSUcW`b`OzO[]ac[OP`SdSQ`]\]Z]UWOROdWacOZWhOzx]RSROR]aO
^O`bW`RORWdWax]VWab`WQOTSWbO^]`4`WS\RZgS2S\Wa
At o sc. 16: Primeiros Mapas e diagramas
/]`WUS[ROdWacOZWhOzx]`SaWRS\]a[O^OaS\x]{RWTQWZW[OUW\O`
]_cO\b]S`OW[^]`bO\bS^O`O]a^]d]a^`W[WbWd]aaOPS`OZ]QOZWhO
zx]US]U`tQORS`W]a[]\bO\VOa^ZO\bOzSaSOZRSWOaO[WUOaS
W\W[WUOa/^]aaSRSQ]\VSQW[S\b]RSaaSbW^]RSW\T]`[Ozx]S`O
SaaS\QWOZ^O`OOa]P`SdWd}\QWOR]a^]d]abO\b]^O`O]Q][{`QW]
Q][]^O`OQ]\_cWabOa

!&

APERFEIOAMENTO DOS MAPAS E PRIMEIROS GRFICOS

c. 1350

O bispo francs
Nicole dOresme
(1323-1382)
prope o uso de
grficos de barras
para demonstrar
visualmente uma
grandeza numrica

c.150

Ptlomeu
(c.85-c.165) fez a
primeira projeo
esfrica da Terra
usando latitudes e
longitudes

1595

Rumold Mercator (1545-1599),

filho de Gerardus continua seu
trabalho e publica este mapamndi em 1595, um ano aps a
morte do pai

!'

=cb`]abW^]aRS`S^`SaS\bOzx]U`tQO^]RS[bS`aWR]OPO\R]\OR]a
]cacPabWbcR]aO^a]ORdS\b]ROSaQ`WbO[OaOQO`b]U`OOaS[O\
bSdSOQ][^O\VO\R]b]R]a]aRSaS\d]ZdW[S\b]abSQ\]ZUWQ]aRO
Vc[O\WRORS& O\]aRS^]WaR]^`W[SW`][O^OQ]\VSQWR]OW\RO
QO[]a[O`OdWZVOR]aQ][5>A\]aQO``]a]c]ZVO\R]\]aaOaQOaOa
\]5]]UZS3O`bV
/aa]QWSRORSaO\bWUOaaOPWO[_cSOQO`b]U`OO\x]S`OO^S\Oac[
a[P]Z]RSQ]\VSQW[S\b][OabO[P{[RS^]RS`>S`[WbWOUO`O\bW`
T`]\bSW`OaS^`]^`WSRORSaRSZW[WbO`W\W[WU]aSS\Q]\b`O`]a[SZV]`Sa
QO[W\V]a^O`O]aObOQO`]c^O`OaS^`]bSUS`/aaW[OVc[O\WRORS
aS[^`S`SUWab`]c][c\R]Q]\VSQWR]S[[O^Oa
=^`W[SW`][O^O[\RWbS`WOaWR]TSWb]^SZ]U`SU]/\OfW[O\R`]
RS;WZSb]Q$O1#"$O1S`S^`SaS\bOdOOBS``O\]T]`[Ob]RS
c[O^WhhOQ][]QSO\]aS[acOaP]`ROa[Oa[]ab`O\R]O^S\OaOa
^O`bSaS\bx]Q]\VSQWROaRO3c`]^OT`WQOSaWOpRWTQWZW[OUW\O`
_cSSabOW[OUS[bS\VOSfS`QWR]c[OW\c}\QWO\SUObWdOO][^Sb]
RSRSaP`OdOR]`Sa`c[]O]aZW[WbSaROabS``OaQ]\VSQWROa
1][]^OaaO`R]bS[^]O^`SQWax]QO`b]U`tQOT]WaS\R]O^c`ORO
SOab`]QOaQ][S`QWOWa`SdSZO`O[\]dOabS``OaO[^ZWO\R]][c\R]
Q]\VSQWR]Ob{QVSUO`O]a[O^Oa_cScaO[]aObcOZ[S\bS
4]W5S`O`Rca;S`QOb]`# #'"[ObS[tbWQ]SUSU`OT]_cS[
`Sd]ZcQW]\]cOQO`b]U`OOO]RSaS\d]ZdS`][O^O[\RWS[^`]XS
zx]QWZ\R`WQO3aaSaWabS[O^S`[WbS_cS]aROR]aROSaTS`ObS``Sa
b`S^]aaO[aS``S^`SaS\bOR]aS[c[[O^O^ZO\]3[P]`OQ`WO\R]
RWab]`zSadWacOWaO5`]S\Zv\RWO^O`SQS[OW]`R]_cSO/[{`WQOR]
AcZ^]`SfS[^Z]aScb`OPOZV]{c[[O`Q]\O`S^`SaS\bOzx]US]
"

U`tQOROBS``O@c[]ZR;S`QOb]`#"##''ZV]RS5S`O`Rca
Q]\bW\c]c]b`OPOZV]S^cPZWQ]c][O^O[\RWS[#'#c[O\]
O^aO[]`bSR]^OW
p\SaaS^S`]R]_cSO^O`SQS[bO[P{[Oa^`W[SW`OaOPab`OzSa
U`tQOaS\d]ZdS\R]dO`WtdSWa/aa]QWOR]auOab`]\][WOU`tQ]aRS
ZW\VOaRSaQ`SdWO[Oab`OXSb`WOaR]a^ZO\SbOaSSab`SZOa=aU`tQ]aRS
PO``OaT]`O[Q`WOzSaR]PWa^]S[ObS[tbWQ]T`O\Q}a<WQ]ZSR=`Sa[S
Q! !!& ^O`ORS[]\ab`O`RWTS`S\zOaRSdOZ]`Sa
=^S`a]\OUS[[OWaS[W\S\bS\OdWacOZWhOzx]RSROR]a[]RS`\O
T]WaS[RdWRO]WbOZWO\]:S]\O`R]RODW\QW"# #'B]R]aSc
b`OPOZV]S`Ob`O\a^]ab]S[WZcab`OzSaRSbOZVOROa_cS`Sb`ObOdO[O
O\Ob][WOOa[t_cW\OaS]a[]dW[S\b]aQ`WO\R]c[OZW\UcOUcS[
_cSOaa]QWOdObSfb]SW[OUS[\x][cWb]RWTS`S\bSROS\Q]\b`ORO
ObcOZ[S\bSS[W\T]U`OORSX]`\OWaS`SdWabOa
1600 a 1699: Medies e teorias
p[OWaaW[^ZSaS\bS\RS`]aOdO\z]aROdWacOZWhOzx]RSROR]aQO^
bO\R]]a[][S\b]aVWab`WQ]aROa]QWSRORS/Sf^O\ax][O`bW[OO
OQSZS`Ozx]ROadWOUS\aSR]Q][{`QW]ZSdO`O[O`S^`SaS\bOzx]dWacOZ
^O`O]aQO[^]aRO[SRWzx]TaWQObS[^]RWabv\QWOROOab`]\][WO
RO\OdSUOzx]SROSf^O\ax]bS``Wb]`WOZ=Q`SaQW[S\b]ROaQWRORSaS
ROa`W_cShOaTOd]`SQS]O^O`SQW[S\b]RSSabW[ObWdOSSabObabWQO/
QO`b]U`OOUO\VO\]dOa^`]XSzSa^O`OacPabWbcW`]aRSadW]adWacOWa
Q`WOR]a^]`;S`QOb]`S]aU`tQ]aaSb]`\O[[OWaRWaaS[W\OR]aS
^`SQWa]a

41

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

1669

Grfico de funo
mostra como
encontrar os anos
de vida restantes de
acordo com a idade
atual, de Christiaan
Huygens (1629-1695)

1782

O primeiro mapa topogrfico.

Marcellin du Carla-Boniface,
Frana

42

INTRODUO DOS GRFICOS MODERNOS

1786

Grfico de barras e
de linhas com dados
econmicos. William
Playfair (1759-1823),
Inglaterra

1801

Grfico de pizza
circular, de William
Playfair (1759-1823),
Inglaterra

1820

Publicaes
cientficas
comeam a contar
com grficos e
diagramas. Desenho
de Michael Faraday
(1791-1867),
Inglaterra

1819

Cartograma, mapa com a

distribuio do analfabetismo na
Frana.Talvez o primeiro mapa
estatstico. Baron Pierre Charles
Dupin (1784-1873), Frana

43

1700 a 1799: Novas frmulas grficas

<SaaSa{QcZ]]a[O^OaRSWfO`O[RSaS`aSU`SR]RS^]cQ]aSQ][S
zO[O`SQSPS`]cb`OaQO[OROaRSW\T]`[Ozx]OZ{[ROaUS]U`tQOa
3Q]\][WORS[]U`OOUS]Z]UWOSaORS^OaaO[OaScbWZWhO`RS[O^Oa
^O`Ob`O\a[WbW`W\T]`[OzSa1`SaQS]d]Zc[SRSROR]aS\]dOaT]`
[OaRSdWacOZWhOzx]dx]aS\R]W\b`]RchWROa<]dWRORSabSQ\]ZUWQOa
W[^cZaW]\O[OW[^`S\aOSOZWb]U`OO
=\][S[OWaW[^]`bO\bS^O`OOW\T]U`OOObcOZ\SabS^S`]R]T]W
EWZZWO[>ZOgTOW`%#'& !3aQ]Q}a]S\US\VSW`]SSQ]\][WabO
RSTS\RWOOWRSWO_cSU`tQ]aQ][c\WQOdO[[SZV]`R]_cSOabOPS
ZOaRSROR]acbWZWhOROa^O`OO^`SaS\bO`]a\[S`]aROSQ]\][WO
>cPZWQ]cBVS1][[S`QWOZO\R>]ZWbWQOZ/bZOa:]\R`Sa%&$_cS
Q]\bW\VO"!U`tQ]aRSZW\VOSc[RSPO``OaAScab`OPOZV]aaS\]
bOPWZWhO`O[^SZOQZO`ShOdWacOZSSZSUv\QWO\ORWa^]aWzx]R]aROR]a
pRSacOOcb]`WO]^`W[SW`]U`tQ]RS^WhhO>ZOgTOW`aAbObWabWQOZ
0`SdWO`g:]\R`Sa&
1800-1849: O incio da infografia moderna
C[S\fc``ORORSROR]a^`]^WQWOc[QO[^]T{`bWZ^O`O]RSaS\d]ZdW
[S\b]ROaT]`[OaRSdWacOZWhOzx]5`tQ]aS[O^OaSd]ZcS[^O`OOa
T]`[Oa_cScaO[]aOb{V]XS4]`[Oa]caOROaSOZbS`\ObWdOaRSU`tQ]a
RSZW\VOaPO``OS^WhhOax]bSabOROaQ`WO\R]\]dOaUc`OaOPab`ObOa
RS`S^`SaS\bOzx]3aQOZOaQ`][tbWQOaax]Oaa]QWOROaO`SUWSaUS]
U`tQOa`SacZbO\R]S[Q][^ZSf]a[O^OaSabObabWQ]aRSRWa^S`ax]S
Q]\QS\b`Ozx]aS[SZVO\bSaO]a^cPZWQOR]a\]aRWOaRSV]XS
/Z{[RSQ]\a]ZWRO`RS\WbWdO[S\bSOaPOaSaRO[]RS`\OW\T]U`OO
\]W\QW]R]a{QcZ]'c[U`O\RS\[S`]RS^cPZWQOzSaQWS\bQOa
Q][Sz]cOcbWZWhO`U`tQ]aSRWOU`O[Oa^O`ORSaQ`SdS`TS\[S\]a
44

\Obc`OWa3[aScaSabcR]aa]P`S]SZSb`][OU\SbWa[]^]`SfS[^Z]
]W\UZ}a;WQVOSZ4O`OROg%'&$%caOc[RWOU`O[OaW[^ZSa
Q][^]ab]RSZW\VOaSaSbOa^O`ORSaQ`SdS`Ob`OXSb`WORSQO[^]a
[OU\{bWQ]ac[[]RSZ]RSaW[^ZWQWRORSSSQW}\QWO\OQ]\QS^zx]
RSW\T]`[Ozx]dWacOZ
1850 a 1900: Era de Ouro das Estatsticas
7\T]`[OzSa\c[{`WQOaUO\VO[W[^]`bv\QWO\]Q]\b`]ZSS^ZO\SXO
[S\b]a]QWOZ^]ZbWQ]SSQ]\[WQ]/dWacOZWhOzx]RSROR]aOdO\zO
caO\R]]a`SQc`a]aQ]\_cWabOR]a\]a^S`]R]aO\bS`W]`Sa^S`[W
bW\R]OQ][^`SS\ax]SO\tZWaSRSc[d]Zc[SSabObabWQ]Q`SaQS\bS
/aQ]\b`WPcWzSaR][ObS[tbWQ]SQWS\bWabOOZS[x]1O`Z4`WSR`WQV
5Ocaa%%%&##SR]bO[P{[[ObS[tbWQ]SOab`\][]T`O\Q}a
>WS``SAW[]\:O^ZOQS%"'& %RS`O[aS\bWR]OSaaSU`O\RS
\[S`]RSROR]a
Para a infografia moderna h pelo menos trs casos
particulares que merecem ateno especial.
1855 /QWRORSRS:]\R`SaSabtOPObWRO^]`S^WRS[WORSQZS`OS
aSUc\R]ObS]`WOOQSWbO\O{^]QOOb`O\a[Waax]OQ]\bSQWOOb`Od{a
R]O`acX][WOa[O2WaQ]`RO\R]RSaaObS]`WO]R`John Snow
&!&#&Q]\aSUcWcQ][^WZO`]Z]QOZRS`SaWR}\QWOROadbW[Oa
R]QZS`OSZ]QOZWhO\R]]aQOa]aS[c[[O^OQ]\QZcWc_cSVOdWO
c[OQ]\QS\b`Ozx]RSQOa]aS[c[Ot`SOO]`SR]`RSc[\WQ]Z]QOZ
RSOPOabSQW[S\b]^PZWQ]RStUcO1][O^`]dOdWacOZS[[x]aSZS
Q]\aSUcWc_cSOP][PORtUcOT]aaSTSQVOROSZW[W\O\R]OS^WRS[WO

45

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 grfico foi usado em

campanha para melhoria das
condies sanitrias no exrcito.
Florence Nightingale (18201910), Inglaterra

46

DIAGRAMA GEOGRFICO E DIAGRAMA VISUAL

1869

O engenheiro francs, Charles Minard (1781-1870), ilustrou graficamente 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

47

1857 - /W\UZSaOFlorence Nightingale& 'S`OOZ{[RSS\

TS`[SW`Oc[OO^OWf]\ORO^SZO[ObS[tbWQOSSabObabWQO@Sa^]\atdSZ
^]`c[V]a^WbOZ_cS`SQSPWO[WZWbO`SaO^aO5cS``ORO1`W[{WOSZO
\]b]c_cS]a[]`b]a^]`R]S\zOS`O[[cWb][OWa\c[S`]a]a_cS
]a[]`b]a^]`TS`W[S\b]S[Q][PObS4Z]`S\QSQ`W]cc[U`tQ]_cS
b]`\OdOdWadSZSaaOW\T]`[Ozx]SW\WQW]cc[OQO[^O\VORS[SZV]`WO
ROaQ]\RWzSaaO\Wbt`WOa\]3f{`QWb]
1869 -=T`O\Q}aCharles Minard%&&%T]Wc[R]a^W]\SW`]a
\]ca]RSU`tQ]aO^ZWQOR]auS\US\VO`WOSSabObabWQOAScb`OPOZV]
[OWa\]btdSZWZcab`OORSaOab`]aOQO[^O\VORS<O^]ZSx]Q]\b`OO
@aaWOS[& 3abO`S^`SaS\bOzx]{OQSWbO^]`3ReO`RBcTbSQ][]
][SZV]`U`tQ]SabObabWQ]XtTSWb]Ax]O][S\]aaSWadO`WtdSWa_cS
T]`[O[c[O\WQOSW[OUS[>`W[SW`]OZO`Uc`OR]b`OXSb]{^`]^]`
QW]\OZO]\[S`]RSa]ZROR]aa]P`SdWdS\bSa\OQO[^O\VORSUcS``O
ASUc\R]SbS`QSW`]OZW\VO[]ab`OOZObWbcRSSZ]\UWbcRS?cO`b]O
RW`Szx]RSWROSd]ZbOaW\OZWhORO^]`Q]`Sa?cW\b]OZ]QOZWhOzx]R]
3f{`QWb]S[RObOaSa^SQQOaASfb]ObS[^S`Obc`O\]b`OXSb]
1900 a 1949: Poucos inovaes, muitas novidades
=W\QW]R]a{QcZ] ^`SaS\QWOc[O^]^cZO`WhOzx]ROZW\UcOUcS[
dWacOZ\OW[^`S\aO\]U]dS`\]\]Q][{`QW]S\OaQW}\QWOaQ][]
Q][Sz]ROQ][c\WQOzx]SQ]\ac[]RS[OaaOa/dWacOZWhOzx]U`tQO
{OSaQ]ZVWRO^O`OSf^ZWQO`\]dOaRSaQ]PS`bOaSbS]`WOaS[Oab`]\]
[WOTaWQOPW]Z]UWOSbQ/^SaO`RO^`]Rczx]S\]`[ST]`O[^]cQOa
OaW\]dOzSaU`tQOa[OaRcOa^S`a]\OZWRORSaRSaaS^S`]R]ax]
Tc\RO[S\bOWa^SZOQ]\b`WPcWzx]_cSRS`O[uW\T]U`OOSO]RSaWU\
1924 -=a]QW]ZU]SSQ]\][WabOOcab`OQ] Otto Neurath&& 
'"#T]Wc[dWaW]\t`W]ROZW\UcOUcS[U`tQO=`UO\Wh]c];caSc
"&

A]QWOZRS5`tQ]a3abObabWQ]aS[DWS\OSQ][acOSa^]aO;O`WSS
]WZcab`OR]`Gerd ArntzW\b`]RchWc]Isotype7\bS`\ObW]\OZAga
bS[]TBg^]U`O^VWQ>WQbc`S3RcQObW]\c[OT]`[ORSQ][c\WQOzx]
POaSOROS[Q]\SaRSTtQWZW\bS`^`SbOzx]caORO^O`OaW\OZWhOzx]S
`S^`SaS\bOzx]RS_cO\bWRORSa=W[^OQb]dWacOZRSaScaWa]bW^]a
SOSQW}\QWOQ][O_cOZSZSaQ]\aSUcS[b`O\a[WbW`W\T]`[Ozx]RSc
]`WUS[ORSaQS\RS\bSa`SQ]\VSQdSWa\OaW\OZWhOzx]c`PO\O(]a^WQ
b]U`O[OacaOR]aObcOZ[S\bSS[OS`]^]`b]aV]a^WbOWaSbQ
1933 ->]`d]ZbOR]aO\]a!OSf^O\ax]R][Sb`RS:]\R`SaS[
RW`Szx]O]aPOW``]a[OWaRWabO\bSab]`\OdORWTQWZObO`STORS^`]Rc
hW`c[[O^O_cS]`WS\bOaaS]acact`W]a/`Ohx]S`O_cSRWa^]abOa
RSOQ]`R]Q][acO^]aWzx]US]U`tQOOaSabOzSa[OWa^`fW[OaaS
Q]\Tc\RWO[\]Sa^Oz]`SRchWR]R][O^OHarry BeckQ`W]cc[[O^O
Sa_cS[tbWQ]aS[SZVO\bSOc[QW`QcWb]SZ{b`WQ]_cSWU\]`O\R]Oa
RWabv\QWOaUS]U`tQOa^S`[WbWO[]ab`O`S[c[RWOU`O[OQ][]c[O
SabOzx]aSZWUOdOO]cb`O^O`OZSdO`]acact`W]aO]aRSabW\]aRSaSXOR]a
1][^]ab]RSZW\VOaQ]Z]`WROaa[P]Z]aSbW^]U`OORSTtQWZZSWbc`O
][O^O^`]^]ab]^]`0SQYaSb]`\]cc[a[P]Z]`SQ]\VSQWR][c\
RWOZ[S\bS^]`acOaW[^ZWQWRORSSQZO`ShO0SQYQ]\aSUcWcS\bS\RS`
_cS^O`O]cact`W]R][Sb`OW\T]`[Ozx][OWa`SZSdO\bSS`OQ][]
OaZW\VOaaSQ]\SQbOdO[S\x]ORWabv\QWOUS]U`tQOS\b`SOaSabOzSa
1950 a 1974: Esboo de renascimento da visualizao
=^aUcS``Ob`Ohc[O\]dOUO[ORSROR]a=aROR]aS]aO\]a$
b`OhS[c[O\]dO[O\SW`ORSdS`][c\R]SOaW\T]`[OzSa/O\tZWaS
U`tQOSacObS]`WOd]ZbO[O`SQSPS`W[^]`bv\QWOS\]d]aQO[W\V]a
Q][SzO[OaS`b`OzOR]a3abcR]aRSaS[W]Z]UWOS^S`QS^zx]Rx]POaSa
b{Q\WQOa^O`OQ]\VSQW[S\b]aW\bcWbWd]a<][R]^S`]R]ac`US]
Q][^cbOR]`^Saa]OZ
"'

SNTESE E SIMPLICIDADE

1924

Otto Neurath (1882-1945) organiza o Museu Social de Grficos

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
infogrficos se tornam parte do dia a dia da imprensa.

51

De 1975 at hoje: O computador como nova fronteira

/QVSUOROR]Q][^cbOR]`^Saa]OZSR]aaWabS[OaRSW\T]`[tbWQO
\x]O^S\OaOUWZWh]cO^`]Rczx]Q][]Q`W]c\]dOaSf^S`W}\QWOaRS
dWacOZWhOzx]RSROR]aOQ][SzO`^SZO^`^`WOW\bS`TOQSR]a^`]U`O
[OaA]TbeO`SaSaWabS[OaRSQ][^cbOzx]Sa^SQQ]a^O`ORSaWU\
SabObabWQO[O\W^cZOzx]!2SO\W[Ozx]_cSP`O`O[RS\WbWdO[S\bS
OaT`]\bSW`OaROb`ORWQ]\OZQ][c\WQOzx]U`tQOS[RcOaRW[S\aSa
/aPOaSaRSROR]aUO\VO[^`]^]`zSaQ]Z]aaOWaQ][]OdO\z]RO
W\bS`\Sb=aQ]\ac[WR]`SaRSW\T]`[Ozx]ax]ZSdOR]aOO^`S\RS`
\]d]aQRWU]adWacOWaW\bcWbWd]aSRW\v[WQ]a\x]O^S\Oa\O[RWO
[OaS[dWRS]UO[Sa2D2aQ][^cbOR]`SaSQSZcZO`Sa/W\T]U`OO
S\_cO\b]W[OUS[bSfb]Q][PW\OR]a^O`OW\T]`[O`Sabt^`SaS\bS
S[b]ROaSaaSa[SW]aRSQ][c\WQOzx]
Algumas personalidades merecem ser citadas:
Richard Saul Wurman e Edward TufteO[P]aSabcRO`O[S
W\]dO`O[OabS]`WOaROdWacOZWhOzx]RSROR]a=^`W[SW`]Qc\V]c
]bS`[]O`_cWbSbc`OROW\T]`[Ozx]S['%$^O`ORSaQ`SdS`]_cS
Q]\aWRS`Oc[Q`SaQW[S\b]RSa]`RS\OR]SQObWQ]ROQ][c\WQOzx]
=aSUc\R][OWaZWUOR]uSabObabWQOR]_cSuSab{bWQOT]W]Q`WOR]`
R]bS`[]QVO`bXc\YW\T]ZWf]aS`STS`W\R]uaW\T]`[OzSaW\
bSWaSfQSaaWdOa]c[OZO``c[OROa_cSOQOPO[\x]SabOPSZSQS\R]
Q][c\WQOzx]
Nigel Holmes -]W\UZ}ab`OPOZV]cS[X]`\OWaS`SdWabOaP`Wbv\WQOa
Ob{Oaac[W`S['%%c[^]ab]\O`SdWabOBW[SS[<]dOG]`Y^`]
RchW\R]]_cSSZSRSaWU\OdOSf^ZO\ObW]\U`O^VWQa2SSabWZ]U`tQ]
aW[^ZSaSSZSUO\bSaScb`OPOZV]dWacOZ\c[OROa[OWaW[^]`bO\bSa
`SdWabOaR]a3C/OXcR]cOS\aW\O`_cS]aU`tQ]aax]c[OZWOR]\O
b`O\a[Waax]ROW\T]`[Ozx]
52

A CHEGADA DA WEB

1999
Alguns dos melhores infografistas 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

53

George Rorick -]RSaWU\S`\]`bSO[S`WQO\]OQ`SRWbOS[P][X]`

\OZWa[]dWacOZ\x]O^S\OaW[OUS\aRSQ]`ObWdOa3[acOQO``SW`O
aS[^`SPcaQ]cU`tQ]a_cSQ]\bOaaS[VWab`WOaSf^ZWQOaaS[Q]WaOa
?cO\R]]X]\OZCA/B]ROgT]WZO\zOR]S['& c[R]aaScaRWTS
`S\QWOWaS`O]ca]W\bS\a]ROQ]`@]`WQYPO\Q]cOO^]abORS^`]RchW`
c[[O^ORO^`SdWax]R]bS[^]_cScaOdOTOWfOaRSQ]`SQ]\Sa^O`O
Q][c\WQO`Oa^`SdWaSaOW\ROaS[Q][^cbOR]`S`ObcR]TSWb]u[x]
=X]`\OZb`OhWOOW\ROc[^S_cS\O\]dWRORS_cSW[^cZaW]\]cOW\
T]U`OO=aCA/B]ROgA\O^aV]ba3`O[^S_cS\]aW\T]U`tQ]a
Q]Z]`WR]aO^`SaS\bOR]a\OaQO^OaRSQOROQORS`\]<]0`OaWZO4]ZVO
RSA>OcZ]OR]b]cSaaOWR{WOa]P]\][SRS7\RWT]ZVO=acQSaa]
R]CA/B]ROgSRSacOa^tUW\OaQ]Z]`WROaTShQ][_cSb]R]a]a]c
b`]aX]`\OWaR][c\R]T]aaS[O]a^]cQ]aOR]bO\R]]ca]RSQ]`S
bO[P{[RSU`tQ]a<O{^]QOS`ObSQ\]Z]UWQO[S\bS[OWaRWTQWZ
QO`]SRS[]`OR]bS`T]b]aQ]Z]`WROa8t]aU`tQ]a[Sa[]O\bSaR]
Q][^cbOR]`S`O[c[[SW]PO`Ob]`t^WR]SSQWS\bSRS[]ab`O`
W\T]`[Ozx]SZSdO`Q]`^O`OaSRchW`ZSWb]`SaSO\c\QWO\bSa
Alberto Cairo -X]`\OZWabOSa^O\V]ZOPO\R]\O]bSfb]S[WU`O^O`O
OW\T]U`OO^`W[SW`]S[:OD]hRS5OZWQWOSRS^]Wa\]3Z;c\R]
O[P]a\O3a^O\VO:SdO\R]S[acOPOUOUS[]aQ]\QSWb]aR]`W
U]`X]`\OZabWQ]SOW[^]`bv\QWORO_cOZWRORSROW\T]`[Ozx]a]P`SO
Sab{bWQOU`ObcbOC[R]a[OW]`SaUO\VOR]`SaR]a^`}[W]a;OZ]SX
/ZPS`b]W\WQWOc[OQO[^O\VO_cOaS[WaaW]\t`WO^`]^OUO\R]]aQ]\
QSWb]aR]X]`\OZWa[]dWacOZSROW\T]U`OO^SZ][c\R]W\QZcW\R]]
0`OaWZ]\RS[W\Wab`OW[^]`bO\bSa^OZSab`Oa\]aO\]a 

54

COMO PRODUZIR INFOGRFICOS

?cSbW^]RSW\T]U`tQ]RSdS[]acaO`-?cOZdOWQ][c\WQO`[SZV]`
]_cSSabO[]a_cS`S\R][]ab`O`3aaO{O^S`Uc\bO_cSOb]`[S\bOb]R]a]a_cS^O`bWQW^O[ROQ`WOzx]
RSc[W\T]U`tQ]AS\x]Ob]`[S\bORSdS`WOOb]`[S\bO`/SaQ]ZVO
Q]``SbOROT]`[OSR]Q]\bSR]RS\S[]acQSaa]R]W\T]UtQ]S[
aSc]PXSbWd]RSQ][c\WQO`dWacOZ[S\bS
3[U`O\RSa`SdWabOa{[OWaQ][c[^SZ][S\]a\Oa^OcbOa[OWa
W[^]`bO\bSa_cS]^Saa]OZR]RSaWU\SR]bSfb]^ZO\SXS[Q][O\bS
QSR}\QWO]W\T]U`tQ]aScQ]\bSR]]SabWZ]]Sa^Oz]_cSdOW]Qc^O`
_cS[dOW^`]RchW`]_cSSbQ
3[X]`\OWa]^`]QSaa]{c[^]cQ][OWaOQSZS`OR][Oa]^ZO\SXO[S\b]
\x]RSdSaS`RWTS`S\bSB]R]]^ZO\SXO[S\b]_cS^]RSZSdO`aS[O\Oa
S[c[O`SdWabO^`SQWaOaS`TSWb]S[^]cQOaV]`Oa\c[X]`\OZ<x]aS
S\UO\S(Waa]\x]SZW[W\O]^ZO\SXO[S\b]a]b]`\O[OWaQ][^OQb]
/Q][c\WQOzx]S\b`S]a^`]aaW]\OWaRSbSfb]SW[OUS[bS[RSaS`
[OWaW\bS\aOSW[SRWObOS]^ZO\SXO[S\b]Q]\bW\cOW[^`SaQW\RdSZ
55

O PAPEL DE UM:
INTEGRAO COM A EQUIPE DE CONTEDO
Edio de texto
Verifica quais matrias usaro
infogrficos. Define com a
Edio de Arte como o trabalho poder ser feito. Orienta o
redator e reprter da matria.
Define o prazo, o espao e a
importncia da reportagem

A DIRETRIZ

KISS*,

and tell
* Keep It Simple
and Short

Reprter
Reflete desde o incio da apurao sobre como o assunto
pode ser mostrado visualmente. Levanta os dados e
referncias para isso. Comunica os resultados procurando
envolver toda a equipe

Redator
Define junto com o reprter e os
editores de texto e arte qual vai
ser o lide do infogrfico. Fornece
informaes, textos e referncias ao infografista. Colabora
nas solues visuais

Infografista
Cria ou ajuda a criar imagens
claras e objetivas para representar visualmente o assunto.
Participa ativamente da apurao e questiona os dados

Traduo livre: Mantenha simples e curto, e conte.

Obs.: existe uma outra verso para KISS: Keep it Short Stupid e tambm Keep it Short, Stupid, dispensam traduo

56

O PAPEL DE UM:
INTEGRAO COM A EQUIPE DE DESIGN
A DIRETRIZ

SHOW,

dont tell*

Edio de Arte
Discute e rascunha com os
pauteiros/ editores de texto
como o trabalho poder ser
realizado. D diretrizes ao(s)
infografista(s) sobre como
trabalhar. Zela para que a
diagramao, foto, texto e
infografia estejam trabalhando em conjunto

Diagramador
Define como o infogrfico
ser posicionado na pgina.
Lembra sempre que a infografia no como uma foto:
tem texto e quase sempre
um elemento mais leve

Infografista
Procura solues grficas originais
para cada assunto em sintonia
com a diagramao e edio.
Cuidado especial na hierarquia de
textos, fotos e infogrficos

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

57

>]`SfS[^Z](W[OUW\Sc[OQWRS\bSO{`S]?cSbW^]RSW\T]U`OOd]Q}
OQVO_cSRSdS`WOaS`TSWbO2SdS[]aRSabOQO`][O^OQ][O`]bOR]OdWx]=c_cSbOZWZcab`O`RSbOZVORO[S\bS]OdWx][]ab`O\R]OaQOcaOaR]
OQWRS\bSSRSWfO`][O^O[S\]`A resposta :
<x]aSWRS^S\RSR]OQWRS\bS]c[SZV]`RS^S\RSROVWab`WO
_cS_cS`S[]aQ]\bO`ASO`S^]`bOUS[W\RWQO_cSV]cdS^`]PZS[O
b{Q\WQ]\]OdWx]^]`SfS[^Z]S\bx]RSdS[]a[]ab`O`][]RSZ]
ROOS`]\OdS]aS_cW^O[S\b]aOTSbOR]a^SZ]^`]PZS[O]\RST]W]
^`]PZS[OSbQAS^]`]cb`]ZOR]OO^c`Ozx]R]a`S^`bS`SaQVSUO`
uQ]\QZcax]_cSOQOcaOR]OQWRS\bST]WOQVcdO]cO^WabOOVWab`WO
SOW\T]U`OO{]cb`O
=W[^]`bO\bS{_cSaSRS\O]_cO\b]O\bSa_cOZVWab`WO]W\T]U`tQ]
dOW[]ab`O`_cOWaW\T]`[OzSaSZS^`SQWaObS`2S\WR]]Q]\bSR]
RSdSaSSaQ]ZVS`RS_cST]`[OdWacOZSaaOaW\T]`[OzSaaS`x]b`O\a
[WbWROa]caSXOQ][]SaaSQ]\bSR]dOWaS`O^`SaS\bOR]O]ZSWb]`
2O[Sa[O[O\SW`O_cSS[P]\aW\T]U`tQ]a]abSfb]aSW[OUS\a
T]`[O[c[OUc`O\WQO]aRSaWU\S`aS^`]aaW]\OWaRSbSfb]^`S
QWaO[aSc\W`^O`OS\Q]\b`O`][SZV]`XSWb]RSQ]\bO`dWacOZ[S\bS
OVWab`WOb`OPOZVO\R]Xc\b]a^O`ORS\W`^`W[SW`]]Q]\bSR]S
RS^]WaSOT]`[O1][SzO`^SZOT]`[O{c[S``]^]Wa^]RSTOhS`Q][
_cS]Q]\bSR]aSXORWab]`QWR]O]aS`ORO^bOR]

#&

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 infogrfico
mais completo e detalhado

#'

BcR]Waa]QZO`]ZSdO\R]S[Q]\bO_cSO]Q]\b`t`W]R]_cSU]abO
`WO[OZUc\aW\T]U`OabOa]W\T]U`tQ]\x]`SW\Oa]hW\V]S[b]ROa
Oa^tUW\Oa3ZSbS[RSQ][^O`bWZVO`aSc^`SQW]a]Sa^Oz]Q][]abbc
Z]abSfb]aT]b]aSWZcab`OzSaaS[TOZO`\]aO\\QW]a<O^tUW\O
b]R]aSaaSaSZS[S\b]a^`SQWaO[b`OPOZVO`S[VO`[]\WOQOROc[
Qc[^`W\R]acOTc\zx]SRWb]`WOZ^]Wa\][]_cSQ]\bORSdS`RORS
{O^tUW\OQ][]c[b]R]
C[O^tUW\OPS[SRWbOROSRSaS\VORO^]RSaOZdO`c[W\T]U`tQ]`cW[
[Oa[Sa[]c[SfQSZS\bSW\T]U`tQ]\x]aOZdOc[O^tUW\O`cW[
Repertrio
>O`OSaQ]ZVS`_cOZO[SZV]``SZOzx]Q]\bSR]T]`[ORSQ`WO`W\
T]U`tQ]a{W[^]`bO\bS_cSW\T]U`OabOa`S^`bS`SaS`SROb]`Sa
Q]\VSzO[\][\W[]]a[]RSZ]a[OWaQ][c\aRSW\T]U`OO3aaS
`S^S`b`W]RSa]ZczSadWacOWaSSRWb]`WOWa^S`[WbS_cS]^ZO\SXO[S\
b]R]W\T]U`tQ]aSXOOUWZWhOR]STOQWZWbOOQ][c\WQOzx]S\b`S_cS[
Sabt^`]RchW\R]bSfb]S]a`Sa^]\atdSWa^SZ]RSaWU\
<]`Sac[]OaSUcW`]aW\T]U`tQ]aT]`O[OU`c^OR]aS[_cOb`]
U`O\RSaQObSU]`WOa(O`bSabSfb]U`tQ]a[O^OaSWZcab`OR]a3aaOa
QObSU]`WOabO[P{[O^`SaS\bO[acPRWdWaSaU`tQ]a^]`SfS[^Z]
^]RS[aS`RSZW\VOPO``O]c_cSWX]

$

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

61

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

62

/^`W[SW`OQ]WaO_cSRSdSbS`QV]QOR]]aW\T]U`OabOa_cSXtObcO[
^`]aaW]\OZ[S\bSO]dS`ObOPSZOO\bS`W]`T]WaS[RdWRO]Sa^Oz]
RSRWQOR]^O`OO_cSZOa_cSRS\][W\SW/@B3bSfb]=`OaSax]PO
aWQO[S\bS^c`]bSfb]^]`_cSOR[WbWZOa\OQObSU]`WORSW\T]U`tQ]>]WaPS[(RSa^`ShOROa^SZ]aW\T]U`OabOaS^]`dShSaaS[T]`[Ob]
RS\WR]\ORWOU`O[Ozx]Oa/@B3bSfb]^]RS[bS`aOZdOzx]Sax]
[cWb]bSWa^O`ORSabOQO`W\T]`[OzSa\OSRWzx]/XcRO[bO[P{[O
RO`[OW]`[]dW[S\b]\ORWOU`O[Ozx]^]WaW\dO`WOdSZ[S\bS]aT]`
[Ob]aSQ]`SaROW\T]U`OOax]RWTS`S\bSaRORWOU`O[Ozx]RSbSfb]
=cb`]Oa^SQb][cWb]W[^]`bO\bS{Sa_cSQWR]^]`OZUc\aW\T]U`O
abOa[OWa^c`WabOa_cSOQ`SRWbO[_cSSaaOaO`bSabSfb]RSdS[aS`
b`ObOROaQ][]bSfb]Q]\dS\QW]\OZaS[^OaaO`^SZOW\T]U`OO(]a
^`]aaW]\OWaRSbSfb]`S^`bS`Sa`SROb]`SaSSRWb]`Sa\S[aS[
^`S]c^W]``O`O[S\bS^S\aO[dWacOZ[S\bSS\x]{W\Q][c[_cS
aSQ][c\W_cS[[SZV]`Q][OaZSb`W\VOa3[OZUc\aQOa]aaOPS[
SfObO[S\bS_cOWaax]OaW\T]`[OzSa_cS^`SbS\RS[RSabOQO`a\x]
aOPS[Q][]3aQ]\RS[S[aScabSfb]a^]aadSWa[O^OaU`tQ]a
cf]U`O[OaSbQ
=W\T]U`OabOaS^S`Uc\bO(^]`_cSSZSa^OaaO`O[c[bSfb]bx]U`O\RS
SQVO[O[Waa]RSW\T]U`tQ]/`Sa^]abO{_cSSaaSX]`\OZWabO^]RSRSaQ]\VSQS`]_cS{W\T]U`OO
SX]`\OZWa[]dWacOZ<x]T]Wb`SW\OR]^O`ObS``S^S`b`W]RS`SQc`a]a
U`tQ]aOZ{[R]bSfb]Q]\dS\QW]\OZ=_cS\x]_cS`RWhS`_cS\x]
bS\VOW\bS`SaaSS[O^`S\RS`S[SZV]`O`]`SacZbOR]RSaScb`OPOZV]
3fWabSOW\ROO_cSZSbW^]RSX]`\OZWabO_cS\S[Q]\aSUcSSf^ZWQO`]
63

ZWRSRO[Ob{`WO]c_cOZW\T]`[Ozx]^]RS]cRSdS`SQSPS`c[b`ObO
[S\b]dWacOZ[OWaa]abWQOR]^O`OdOZ]`WhO`O`S^]`bOUS[;Sa[]
c[Sf^S`WS\bSW\T]U`OabO^]RSQ]\dS`aO`V]`OaQ][SZSS\x]Q]\
aSUcW`SfbOW`]^]bS\QWOZRO^OcbOO^S\OaQ]\dS`aO\R]AQ]\aSUcS
ZS\R]]bSfb]
>]`bO\b]QOPSO]W\T]U`OabOZS`Q][ObS\zx]SabOa/@B3AbSfb]
^`]Qc`O\R]S\Q]\b`O`a]ZczSadWacOWa[OWaORS_cOROaSQ`WObWdOa
_cSOb`O\aT]`[S[S[c[W\T]U`tQ]RSdS`RORSASQ]\aSUcW`
c[Oa]Zczx]dWacOZ[S\bSW\bS`SaaO\bS\x]bS\VORdWRORS_cS]
`SROb]`^]RS`tOb{`STOhS`b]R]]bSfb]PcaQO`]cb`]aROR]aSQO`
OU`ORSQWR]^]`d]Q}bS`aOZd]acO^OcbO<x]`O`]]W\T]U`tQ]OXcRO
]a^`^`W]aX]`\OZWabOaOS\bS\RS`S[OVWab`WO_cS_cS`S[Q]\bO`
E aquelas que no tem salvao?
@Sa^SWbO\R]]^`]XSb]U`tQ]Oa/@B3AbSfb]^]RS[aS`RWOU`O
[OROaaS[W\bS`TS`}\QWORSc[W\T]U`OabO;Sa[]OaaW[bS`S[]a
QOa]aQO^OaRSQORS`\]`S^]`bOUS\aSa^SQWOWaS[_cS]b`OPOZV]
R]W\T]U`OabO^]RSaS`OQW]\OR]^O`OQ`WO`c[OUc`ORSRWOU`O[O
zx][OWaW\bS`SaaO\bSSOb`OS\bS3aaOa[O_cWOUS\aU`tQOaQ`WO[
c[OUc`O_cSScRS\][W\SWRSQOaQOb]U`tQ](]ZSWb]`Ob{bS[
W[^`Saax]RS_cS{c[W\T]U`tQ][Oa{abSfb]RWaTOzOR]7\TS
ZWh[S\bSQ][]TOZbO[^`]aaW]\OWadWacOWaS]aX]`\OWaS`SdWabOa
^`SQWaO[RSW[OUS\a\Oa[Ob{`WOa]QOaQOb]U`tQ]{c[OUc`O
[cWb]T`S_cS\bSS[Sa^SQWOZ_cO\R]\x]VtT]b]RWa^]\dSZ_cS[
\c\QOTShc[QOaQOb]U`tQ]_cSObW`SO^`W[SW`O^SR`O

64

DECORANDO A PGINA COM CASCATOGRFICOS

Dois legtimos
e bem feitos
CASCATOGRFICOS:
usam recursos da
infografia para criar
uma imagem forte e
suprir a falta de foto
quente no noticirio

65

B]ROaOaO`bSabSfb][Sa[]]aQOaQOb]U`tQ]aax]bSWa\ORWO
U`O[Ozx]S\OZSWbc`OSRSdS[aS`caOROa^O`O`SaaOZbO`OW\T]`[Ozx]
^]Waax]bW[][ObS`WOZRSO^]W]^O`O`S^]`bOUS\aSS[Sa^SQWOZ
aS`dWz]a3[c[O`S^]`bOUS[a]P`S]aRShV][S\a[OWa`WQ]aR]
[c\R]^]`SfS[^Z]{W[^`SaQW\RdSZc[RSabO_cSS[T]`[ORS
ZWabOQ][]\][S^]aWzx]RSQOROc[RSZSaSdOZ]`ROT]`bc\O2S
^S\RS\R]RO^tUW\OSaaO[Sa[OZWabO^]RSaS`c[W\T]U`tQ]Q][
T]b]aR]a^S`a]\OUS\aQ][^O`O\R]acOaT]`bc\Oa]a^OaSa]\RS
dWdS[SbQ=caS`O^S\Oac[O^S_cS\OZWabO
2S_cOZ_cS`[O\SW`O{W[^]`bO\bSaOZWS\bO`_cSVtRWTS`S\zOaRS
`SROzx]S\b`S]bSfb]b`ORWQW]\OZROa[Ob{`WOaSO_cSZScaOR]\O
W\T]U`OO3\_cO\b]]bSfb]RO`S^]`bOUS[^]RSaS`[OWa`SPcaQO
R]S^`]ZWf]aS^O`OR]^]`^]\b]aSd`UcZOa]bSfb]Sa^SQQ]^O`O
W\T]U`OORSdSaS`bSZSU`tQ](Qc`b]RW`Sb]S]PXSbWd]aSdOZS\R]RS
R]Wa^]\b]a]cVTS\aS^S\aOR]^O`OW\bS`OUW`Q][OaW[OUS\a
Exemplo de texto de reportagem
=O`bWabO^ZtabWQ]4cZO\]RSBOZ_cSQ][^ZSbO"$O\]a\]^`fW[]
[}a\OaQSc\O^S_cS\OQWRORSRS;W`OQS[OR]<]`bS\]3abOR]RS
;W\Oa5S`OWa;cR]caS^O`OAx]>OcZ]S['&^O`OSabcRO`O`_cW
bSbc`O\O4OQcZRORSRS/`_cWbSbc`OSC`PO\Wa[]ROC\WdS`aWRORS
RSAx]>OcZ]]\RSaSU`ORc]cQ][]c[R]a[SZV]`SaOZc\]aS[
'&#4]W\]O\]RSacOT]`[Obc`O_cSQ]\QZcWcO]P`O=;O`bSZ]
^`S[WORO^SZ]ASQ`SbO`WORS1cZbc`OS^]`OdOW
Exemplo de texto para infografia
<][S(4cZO\]RSBOZ
7RORS("$O\]a&OU]'$ 
66

<OaQW[S\b](;W`OQS[OR]<]`bS;5
4]`[Ozx](4/CCA>
>`W\QW^OWa]P`Oa(=;O`bSZ]'&#=>`SU]'&%S]/BtPcO
4c`ORO'&&>`S[WORO^SZOASQ`SbO`WORS1cZbc`O

1][c[OaW[^ZSaQVORSaaSbW^]RSabOQO[]ac[O^O`bSR]bSfb]
_cS`Sac[S]^S`a]\OUS[RO[Ob{`WOOZWdWO\R]]bSfb]Q`WO\R]c[O
\]dOS\b`ORORSZSWbc`O^O`OO^tUW\OOUWZWhO\R]SRO\R][OWa`Wb[]
^O`OORWOU`O[Ozx]
Como devem ser os textos para infografia
1. Comece pelo ttulo<x]^`SQWaOaS`]bbcZ]_cSdOWaS`^cPZWQOR]
[OaO_cSZS_cS{]]PXSbWd]R]W\T]U`tQ]1][]OQ]\bSQSc]OQW
RS\bS^]`SfS[^Z]US`Oc[`SacZbOR]PS[RWTS`S\bSRS=a[]`b]a
\]OQWRS\bS7aa]dOWOXcRO`OT]QO`OW\T]`[Ozx]
2. 1]\QS\b`SaS\OW\T]`[Ozx]_cS]W\T]U`tQ]^`SbS\RSSf^ZWQO`
No tente explicar tudo sobre tudo^O`O\x]Q]\Tc\RW`]ZSWb]`
3.Rabisque antesQ][]W[OUW\O]W\T]U`tQ]7\T]U`OORSdSaS`
W\T]`[Ozx]dWacOZbSfb]W[OUS[>S\aSS[Q][]]abSfb]aaS`x]
O`bWQcZOR]a_cOZRSdSaS`OaS_c}\QWORSZSWbc`O
4.4OzOtextos telegrficosQc`b]aRW`Sb]aS]PXSbWd]aSdWbO\R]
^OZOd`OaZ]\UOaQ][]Q]\aS_cS\bS[S\bS]PXSbWdO[S\bSS[
c[W\T]U`tQ]^]`dShSaSZOaQ]\a][S[c[OZW\VOQ][^ZSbO
67

5.ASV]cdS`[cWbOW\T]`[Ozx]divida-as em tpicosQ][acPbbcZ]a
]cTOzO]cb`]aW\T]U`tQ]aRSO^]W]
6.2S^]WaRSSaQ`SdS`][\W[]\SQSaat`W]corte
7. ASbWdS`vrios blocos de texto{[SZV]`_cSSZSaaSXO[R][Sa[]
bO[O\V]4OQWZWbOORWOU`O[Ozx]RS\b`]R]W\T]U`tQ]
8. 7\T]`[OzSa\c[{`WQOaRSdS[aS`Sf^ZWQOROacaO\R]U`tQ]aS
]cbOPSZOaNo gaste palavras para mostrar quedas e altasaS
d]Q}bS[]a\[S`]aCaSOa^OZOd`Oa^O`OQ]\bSfbcOZWhO`R]aROR]a
9. 1]\T]`[S]W\T]U`tQ]T]`QO\R]^`]\b]]PaS`dSOa^O`bSaR]
bSfb]_cS^]RS[aS`ac^`W[WROa^]`XtSabO`S[visualmente clarasAS]W\T]U`tQ]bS[c[[O^O^]`SfS[^Z]]bSfb]\x]^`SQWaO
`S^SbW`b]ROaOaW\T]`[OzSaUS]U`tQOa
10.2S^]WaRSbcR]^`]\b]S^]aWQW]\OR]\]W\T]U`tQ]OW\ROVt
bS[^]^O`OOXcabO`]bSfb]^O`ORO`maior clareza e objetividade

$&

DIAGRAMAO OU INFOGRAFIA?

Esta era uma arte-texto, uma cronologia, e acabou premiada por

sua soluo grfica 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 infografia. Nem no impresso, nem na web

$'

DA IDIA PUBLICAO -1

A integrao entre os jornalistas de texto e os jornalistas de imagem fundamental

PLANEJAMENTO
t
&TUBCFMFB
VN
PCKFUJWP

o que o infogrfico vai
contar?
t
0
QMBOFKBNFOUP
EFUBlhado permite que todos
possam visualizar o projeto, antecipando erros e
pensando na pgina como
um todo
t
1FOTF
OP
UFNQP
EJTQPnvel e no espao que o
infogrfico vai ocupar na
pgina
t
3FOB
KPSOBMJTUBT
EF
UFYto e infografia para decidir
o contedo e o tratamento
visual
t
&TUBCFMFB
FUBQBT
F
VN

cronograma, mantendo o
trabalho em equipe
t
5FOIB
FN
NFOUF
RVF

tudo pode mudar de acordo com a apurao

INVESTIGAO
t
"QVSBS
JOGPSNBP
OP

apenas tarefa para os
reprteres de texto. O
infografista e o fotogrfo
devem compartilhar essa
tarefa
t
&N
BMHVOT
DBTPT
P
JOfografista pode e deve ser
capaz de conseguir toda a
informao
t
4FNQSF
RVF
QPTTWFM
P

infografista deve ir ao local
da notcia para ter informao de primeira
t
1FTRVJTF
FN
GPOUFT
DPOfiveis. Cuidado especial
com a internet
t
5JSF
GPUPT
t
$POTJHB
B
NBJPS
RVBOtidade de informaes
possvel.Talvez voc no
use tudo, mas deve t-las
disposio

A IDEIA GRFICA
t
/P
EFTQSF[F
OFOIVNB

ideia. Anote e rascunhe cada
uma no papel, pois elas
podem ajudar a narrativa
visual
t
%JTDVUB
TVBT
JEFJBT
BRVFlas que primeira vista no
parecem muito brilhantes
podem ser caminhos para
outras ideias melhores
t
1SJWJMFHJF
B
JOGPSNBP
WJsual e evite imagens apenas
decorativas
t
1FSHVOUFTF
- A imagem escolhida acrescenta, refora e/ou facilita
a visualizao do assunto
principal?
- A ideia faz o contedo da
histria mais relevante ou
atraente?
- H informao suficiente
para sustentar essa ideia?

Simplicidade facilita o didatismo. Privilegie a informao visual e evite imagens

apenas decorativas. Use apenas os dados e referncias necessrios
Baseado em texto de Jeff Goertzen, diretor de infografia da SND Adaptado pelo autor

%

DA IDIA PUBLICAO -2

Quanto mais planejar, melhor ser o resultado final do infogrfico

O CONTEDO
t
4JNQMJRVF
F
NBOUFOIB

o foco. Lembre do objetivo
inicial do infogrfico e
elimine dados em excesso
que possam criar rudo na
comunicao
t
1FOTF
P
UFNQP
UPEP

- Qual o objetivo dessa
infografia?
- 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
t
4F
BMHVNB
DPJTB
OP

est visualmente clara ou
se a ordem de leitura est
difcil, o reprter deve dizer
ao infografista. Da mesma
maneira, se o texto no
estiver claro, ou estiver
longo demais

O INFO NA PGINA
t
0
DPOUFEP
WJTVBM
EB

pgina como um todo a
prioridade nmero um
t
6N
JOGPHSDP
CFN

desenhado no faz uma
pgina melhor ou vice-versa.
No entanto, o inverso
verdadeiro. Uma pgina mal
resolvida pode estragar um
infogrfico bom e vice-versa
t
*OGPHSBB
BDPNQBOIBEB

de fotos requer um desenho
de pgina que estabelea
uma hierarquia visual. Foto,
texto e infografia no devem
competir, devem se completar para contar a histria
t
0
UBNBOIP
OBM
EP
JOGP

deve ser decidido o quanto
antes. Baseie a deciso no
contedo, privilegiando o
info, a foto ou o texto

EDIO E REVISO
t
$SJF
PSEFN
"HSVQF

informaes similares em
blocos com subttulos
t
(BTUF
UFNQP
DPN
PT

ttulos e subttulos. Eles devem conduzir a leitura de
forma clara e objetiva
t
2VBOEP
B
JOGPHSBB

estiver pronta, envie uma
verso s fontes para que
elas possam conferir se
tudo est correto
t
/P
FTQFSF
BU
P
MUJNP

minuto para revisar. Corrigir texto em um infogrfico
mais demorado e pode
alterar a ideia grfica. Libere os textos do infogrfico
o quanto antes
t
*OGPSNBP
WJTVBM
JMVTtraes, propores)deve
ser checada com o mesmo
rigor que o texto

Pea um feed-back. Veja como ficou, converse com os envolvidos.

Os assuntos se repetem; na prxima cobertura o resultado vai ser melhor
Baseado em texto de Jeff Goertzen, diretor de infografia da SND Adaptado pelo autor

71

E como usar os diferentes tipos de infogrfico?

1]\VSQS`]abW^]aQZtaaWQ]aRSW\T]U`OOOXcRO[Oa\x]{]acQWS\bS
^O`O`Sa]ZdS`]^`]PZS[OW\WQWOZ?cSbW^]RSW\T]U`tQ]RSdS[]a
caO`-?cOZdOWQ][c\WQO`[SZV]`]_cSSabO[]a_cS`S\R][]ab`O`-
DO[]acaO`ORS\UcSQ][]SfS[^Z]SW[OUW\O`^]aadSWaW\T]U`tQ]a
4WQVO`Sac[](OUS\bSb`O\a[Waa]`aW\b][Oa^`SdS\zx]
>S`Uc\bOaS`Sa^]abOa(^O`O_cS[dOWdWOXO`]cSabt\]Z]QOZ
;O^ORSZ]QOZWhOzx](]aZ]QOWaRS]Q]``}\QWO
;O^ORSROR]a(Q][^O`O\R]OW\QWR}\QWO^]`3abOR]
5`tQ]a(Q][OSd]Zczx]R]aQOa]aZW\VOQ][^O`Ozx]S\b`S
QWRORSaPO``ORWab`cWPcWzx]\]b]bOZR]P`OaWZ^]``SUWx]^WhhO
7Zcab`OR]([]ab`O\R]]QWQZ]RSdWROR][]a_cWb]
3Rt^`OW[OUW\O`[cWb][OWa
=caSXO]TEMA\x]{]TOb]`RSbS`[W\O\bSRS_cOZbW^]RSW\T]U`tQ]
{][OWaORS_cOR]^]Wac[[Sa[]bS[O^]RSaS``S^`SaS\bOR]S[
dt`W]abW^]aRSW\T]U`OO=_cSdOWRSbS`[W\O`OW\T]U`OOQ]``SbO
{OABORDAGEMR]bS[O2S\b`]RSQORO^OcbO]W\T]U`tQ]dOW
Oaac[W`c[O[Waax]Sa^SQQORSSf^]`]cSZcQWRO`dWacOZ[S\bSc[
Oa^SQb]ROQ]PS`bc`OW\bSU`O\R]aSQ][]`Sab]ROa[Ob{`WOa^O`O
Q][^]`O`S^]`bOUS[

72

NO O ASSUNTO, O ENFOQUE

INFOGRFICOS DA DENGUE
Exemplos de abordagens diferentes para o mesmo tema. Repare como o tipo
de soluo grfica enfatiza a informao que se pretende mostrar

73

QUANDO USAR ARTES-TEXTO

ASOW\T]`[Ozx]^`W\QW^OZ{[SZV]``S^`SaS\bORO^]`^OZOd`Oa_cS
aScaS[Oa^OZOd`Oa=aW[^ZSaTOb]RSRSabOQtZOaSRWTS`S\QWtZOaR]
T]`[Ob]b`ORWQW]\OZR]bSfb]S[Q]Zc\OaXtSacQWS\bS^O`OQ`WO`c[O
\]dOS\b`ORORSZSWbc`OOXcRO\R]O\OdSUOzx]R]ZSWb]`^SZO^tUW\O
=aX]`\OZWabOadWacOWa^]RS[OQ`SaQS\bO`T]b]a]cWZcab`OzSaSOW\RO
caO`Q]`SaSORWOU`O[Ozx]RO^tUW\O^O`OQ`WO`T]`[OaW\caWbOROaA
\x]RSdS[Sa_cSQS`_cS\SabSQOa]]bSfb]{]SZS[S\b]^`W\QW^OZS
]SfQSaa]RSSZS[S\b]adWacOWa^]RSRWab]`QS`OW\T]`[Ozx]]cQ`WO`
c[`cR]SaQ]\RS\R]OW\T]`[Ozx]^`W\QW^OZ
1@=<=:=57/6=@//6=@/]^Saa]OZROaSRWb]`WOaRSW\bS`\O
QW]\OZS[Sa^SQWOZOR]`O)]aW\T]U`OabOaRSbSabO[/`Ohx]{_cS]a
^`]aaW]\OWaRSbSfb]O^`]dSWbO[^O`ORO`c[OOcZORSVWab`WOa]P`S
_cOZ_cS`bS[OW[OUW\S_cO\R]]Oaac\b]{]^O^OQ][SzOZtS[8Saca
]_cSOQOPOQ`WO\R]bSfb]aW\\Wb]a^]`dShSa[OW]`Sa_cSO[Ob{`WO
^`W\QW^OZS]aW\T]U`OabOa_cS`WO[_cSOaQ`]\]Z]UWOaaT]aaS[TSWbOa
^SZORWOU`O[Ozx]caO\R]]aT]`[Ob]aRS\WR]aO\OZax]bSfb]T]b]

<S[bO\b]O][O`\S[bO\b]ubS``O>]`dShSa{`SOZ[S\bS[SZV]`
_cSOQ`]\]Z]UWOQ][]Oa]cb`OaO`bSabSfb][S\QW]\OROa\S[bS
\VO[c[b`ObO[S\b]Sa^SQWOZ;OaS[OZUc\aQOa]aOQ`]\]Z]UWO
^]RSaS`dOZ]`WhORO^SZ]W\T]U`OabOQ`WO\R]Uc`OaW\bS`SaaO\bSa
Q][]OabW[SZW\Sa(ZW\VOaR]bS[^]]\RSOaRObOaax]RWa^]abOa
\OdS`bWQOZ]cV]`Wh]\bOZSdWRS\QWO\R]ORWabv\QWObS[^]`OZR]a
OQ]\bSQW[S\b]a3[Q`]\]Z]UWOaZ]\UOaQ][[cWbOaRObOabS\bS
RWdWRWZOaS[TOaSaQ][W\bS`bbcZ]aSaS[^`ScaSW[OUS\aR]a^`W\
QW^OWa[][S\b]a
DICAS -3aaST]`[Ob]RSabOQORO`S^]`bOUS[OaW\T]`[OzSa^`tbW
74

QOaS[T]`[ORSb^WQ]aQc`b]aSRW`Sb]a^`SabO\R]c[aS`dWz]O]
ZSWb]`C[O`S^]`bOUS[a]P`SQ]ZSabS`]Z^]`SfS[^Z]^]RSOP`WUO`
c[W\T]U`tQ]Q][RWQOaRSOZW[S\bOzx]
ESCORE -aSc[\[S`]{]^`W\QW^OZRSabO_cS^]RS[]acaO`
c[W\T]U`tQ]^O`ORO`c[ORW[S\ax]R]dOZ]`Q]\bSfbcOZWhO\R]
OW\T]`[Ozx]=UOab]RS@PWZVSaS[c[OdWx]^`SaWRS\QWOZ{
[OWaTtQWZRSaS`Q][^`SS\RWR]aST]`TSWbOOQ][^O`Ozx]Q][]cb`]a
W\dSabW[S\b]aR]U]dS`\]]cOW\RO_cO\bOa^OaaOUS\a^]RS`WO[aS`
^OUOaQ][]dOZ]`
FAC-SMILE - ^]`dShSa]X]`\OZWabOaSRS^O`OQ][R]Qc[S\b]a
SfQZcaWd]a_cSQ][^`OdO[OZUc[OZW\VORSW\dSabWUOzx]@S^`]RchW`
]aR]Qc[S\b]a\O`S^]`bOUS[^`]dOO]aZSWb]`Sa_cS]X]`\OZ`SdWa
bObSdSOQSaa]O]a]`WUW\OWa/W\T]U`OOOQ`SaQS\bOu`S^`]Rczx]]
RSabO_cS\SQSaat`W]^O`OQ]\bSfbcOZWhO`S`SaaOZbO`]ab`SQV]a[OWa
W[^]`bO\bSa
FICHA -aSOOP]`ROUS[T]`\]aS\bWR]RST]QO`S[c[^S`a]\O
US[aSXOSZSc[Sa^]`bWabOc[^]ZbWQ]c[ZWd`]]c[Sa[]c[
SdS\b]^O`OO^`SaS\btZ]O]ZSWb]`OQVO]c`OW]f{OOZbS`\ObWdO
W[SRWObO>]RS^O`SQS`^]cQ][OaSaaS{]aSU`SR]C[OaW[^ZSa
QVOPS[TSWbOS[T]`[ORSbSfb]Xt{[cWb]bWZ^O`ORO`[]dW[S\b]
uRWOU`O[Ozx]SOUWZWhO`OZSWbc`O
FRASES -S[US`OZ]a^`]XSb]aU`tQ]abS[T]`[Ob]aSa^SQQ]a
^O`OT`OaSa[OaS[RSbS`[W\OROaaWbcOzSaSZOa^]RS[UO\VO`
[OW]``SZSd]aSSRWbOROaQ][]W\T]U`OOQ][^]\R]Q][T]b]a]c
WZcab`OzSa

75

BSICO E EFICIENTE

Apresentadas em forma de FICHAS e TABELAS as informaes sobre

os atletas ficam mais fcil de serem visualizadas e compreendidas

76

INTERVENO CIRRGICA

Este infogrfico 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

77

GLOSSRIO -RSdSaS`caOR]Q][]TS``O[S\bORSRWRObWa[]^O`O
b`ORchW`bS`[]aRWTQSWa[OaW[^`SaQW\RdSWa^O`OS\bS\RS`O
`S^]`bOUS[BO[P{[^]RSZSdO`O]ZSWb]`d]QtPcZ]aRWTS`S\bSaS
W\bS`SaaO\bSa_cSOXcRO[ORSadS\RO`]c\WdS`a]RSU`c^]aa]QWOWa
_cSQ`WO[U`WOaSXO`USa^O`OaSQ][c\WQO`
:7AB/@/<97<5aS]^S`a]\OUS[S[T]Q]\x]{c[[Oa[cW
b]a]c_cO\R]O`S^]`bOUS[bS[^]`]PXSbWd]]TS`SQS`c[aS`dWz]
OZWabO]`UO\WhOS[b^WQ]aSaaOZSWbc`OZSdO\R]RW`Sb]O]ZSWb]`]
_cSW\bS`SaaO:S[P`SRSRO`c[OVWS`O`_cWOuZWabOcaO\R]O]`RS[
Q`]\]ZUWQOUS]U`tQO]cOZTOP{bWQOASVtc[dOZ]`\c[{`WQ]\]
`O\YW\U\RSd]b]a[WZVSaRSCASZS^]RSaS`Sf^`Saa]caO\R]
U`tQ]aRSPO``Oa
PARA ENTENDER O CASO -^]`dShSa]^`^`W]`S^`bS``SROb]`
^S`QSPS_cS^S`RS[OWabS[^]bS\bO\b]Sf^ZWQO`]Oaac\b]\]bSfb]
R]_cSQ]\bO\R]O\]dWRORSX]`\OZabWQO/aac\b]aQ][^ZSf]a]c
O_cSZSa_cS^S`Rc`O[\]\]bWQWt`W]^]`RWOa]c[SaSa`SO^O`SQS\
R]RSdShS[_cO\R][S`SQS[c[W\T]U`tQ]\OT]`[ORS^O`O
S\bS\RS`]QOa]^O`OOXcRO`]ZSWb]`ORSadS\RO`]c`SZS[P`O`R]
b`ObOO`S^]`bOUS[3abSbW^]RSW\T]U`tQ]^]RSaS`TSWb]aW[^ZSa
[S\bSQ][b^WQ]a\c[S`OR]aS[aS_c}\QWO]cSd]ZcW`^O`Oc[O
W\T]U`OO[OWaa]abWQOROQ][]c[RWOU`O[OWZcab`OR]Q][T]b]a
R]a^S`a]\OUS\a
/aQ`]\]Z]UWOaUZ]aat`W]a^S`Uc\bOaS`Sa^]abOaSbSabSabO[P{[
^]RS[aS`caOR]aQ][]dO`WOzx]RSabOQObSU]`WOW\bS`OUW\R]Q][]
ZSWb]`RST]`[ORWTS`S\bSA^O`O^]\bcO`(]a^O`OS\bS\RS`ax]]
^O`Oa]R]QOaQOb]U`tQ](ax]Oaac\b]aW[^]`bO\bSa_cSOSRWzx]
_cS`RSabOQO`S\OTOZbORST]b]a]W\T]U`tQ]OQOPOQc[^`W\R]O
Tc\zx]RSQ`WO`c[OW[OUS[^O`OWZcab`O`O^tUW\O0S[S\bS\RWR]
%&

Waa]\x]bW`O][{`Wb]ROQObSU]`WO2SWftZ]Q][]bSfb]Q]``WR]
^S`RWR]\][SW]ROa]cb`Oa[Ob{`WOaRSadWO`WO]W\bS`SaaSR]ZSWb]`
R]Oaac\b]
PERGUNTAS E RESPOSTAS -[cROO\O``ObWdOQ]\dS\QW]\OZ^S`
[WbW\R]O]ZSWb]`O\OdSUOzx]\OZSWbc`OOb`Od{aRSOZUc[Oa_cSabSa
_cSO`S^]`bOUS[acaQWbO>]RSaS`caOR]Q][]dO`WOzx]R]a^O`O
S\bS\RS`]QOa]]cRWQOa
PRXIMOS PASSOS -aS]QOa]{aW[^ZSa]cXtT]WO[^ZO[S\bS
OP]`ROR]c[OaORO^]aadSZ{O\bSQW^O`]\]bWQWt`W]SO^`SaS\bO`
O]ZSWb]`_cOWaRSdS[aS`]a^`fW[]aOQ]\bSQW[S\b]a
SOBE-DESCE -\x]RSWfORSaS`c[OZWabO/RWTS`S\zO{_cS\]
a]PSRSaQSOSRWzx]OU`SUOc[dOZ]`UO\V]c^S`RSc\O[Sa[O
^O`OQORO^S`a]\OUS[RSaQ`Wb]=a]PSRSaQS{c[O[O\SW`ObWZ
RS]ZSWb]`Q]\VSQS`OaQ]\aS_c}\QWOa_cSc[TOb]QOcaO\Ob`OXSb`WO
RSaaSa^S`a]\OUS\aASbW\VOa^O`OQW[O]c^O`OPOWf]Q]`SadS`[SZV]
]cdS`RSS]cb`OaT]`[OaRSaW\OZWhOzx]dWacOZRSdS[aS`cbWZWhOROa
^O`OS\TObWhO`OW\T]`[Ozx]
TABELA^]RS[aS`Q][^]abOaO^S\OaQ][bSfb]]cQ][bSfb]
S\[S`]a=`SacZbOR]dWacOZaS[^`SOQOPOaS\R][SW]^]P`S^]`
Waa]{[SZV]`SdWbtZOaQ][]OW[OUS[RO^tUW\OAS\x]ax]P]
\WbOaacOSQW}\QWO{W\Q]\bSabtdSZ=`UO\WhO\R]]bSfb]S[ZW\VOa
SQ]Zc\OaOabOPSZOaTOQWZWbO[OQ][^`SS\ax]RSc[U`O\RS\[S`]
RSROR]aQ][^]cQO^S`RORSW\T]`[Ozx]=ZSWb]`^]RSQVSQO`QORO
Q{ZcZORSROR]aSQ][^O`tZOW[SRWObO[S\bSQ][]cb`O_cOZ_cS`
1][]OQOPO[T]`[O\R]PZ]Q]adWacOWaS[T]`[Ob]`SbO\UcZO`Vt
[cWb]^]cQ]_cS^]RSaS`TSWb]^O`Ob]`\tZOa[OWa^OZObtdSWaB`}a
%'

a]ZczSaax][OWaORS_cOROa(
1. 2SabO_cSdWacOZ[S\bSP]ZRQ]`]aROR]a[OWaW[^]`bO\bSaCaS
^S_cS\]abSfb]aT]`ORObOPSZO^O`OQ]\bSfbcOZWhO`]a\[S`]aScaS
]a^O`OZWUO`SabSabSfb]aO]aROR]aS[RSabO_cS
2. 1][PW\SObOPSZOQ][U`tQ]aRSPO``Oa]cZW\VOaRSabOQO\R]c[O
]c[OWaQ]Zc\Oa^O`OSdWRS\QWO`OaRWTS`S\zOaRSdOZ]`\]a\[S`]a
3. B`O\aT]`[SROR]a_cSaS`S^SbS[\OaQ]Zc\OaS[^WQb]U`O[Oa
>]`SfS[^Z](aSVtc[OQ]Zc\OO^S\OaQ][Oa^OZOd`OaaW[S\x]
Q`WSc[OZSUS\ROScaSQ`QcZ]adS`RSaSdS`[SZV]a^O`OacPabWbcW`
]bSfb]7aa]b]`\OOZSWbc`O[OWadWacOZSW[SRWObO
B3AB38=5=]abSabSa^]RS[aS`caOR]aQ][]OZbS`\ObWdORSRW
RObWa[]^]WaW\bS`OUS[Q][]aQ]\VSQW[S\b]aR]ZSWb]`BSabSaSca
Q]\VSQW[S\b]aa]P`S]QOa][S\aOZx]]cDSXOaSd]Q}S\bS\RSc
Oa[cRO\zOa\]W[^]ab]^]`SfS[^Z]=cb`O^]aaWPWZWRORS^O`O
TcUW`R]bSfb]Q]\dS\QW]\OZ{W[WbO`OT]`[OdWacOZRSX]U]acaO\R]
SaaOZW\UcOUcS[[OWaZRWQO^O`OQVO[O`OObS\zx]Sb`O\a[WbW`Oa
W\T]`[OzSaO]ZSWb]`

&

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

&

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

&!

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
infogrfico era possvel jogar de verdade

&#

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

&$

QUANDO USAR GRFICOS

@SZOb`W]aR]7053=<CASORS4;7OaaSaa]`WOaRSW[^`S\aOSbQ
T]`\SQS[c[OW[S\aWRx]RSROR]aSabObabWQ]a<]`[OZ[S\bSSZSa
QVSUO[S[T]`[ORSbOPSZO[OaacO[SZV]`O^`SaS\bOzx]dWacOZ{
\OT]`[ORSU`tQ]a=^`]PZS[O{_cSaS]aX]`\OZWabOaSRSaWU\S`a
bS[RWQcZRORSS[b`ORchW`dWacOZ[S\bS]abSfb]aQ][]a\[S`]a
OaWbcOzx]^W]`Oc[^]cQ]2S^]Wa_cSW\dS\bO`O[Oa^ZO\WZVOa3f
QSZZS]Q]^WO`Q]ZO`S\dWO`b]R]a]a\[S`]aRWa^]\dSWa^O`OO
3RWb]`WORS/`bS`Sa]ZdS`]^`]PZS[OQ]cbSQ\]Z]UWQO[S\bSOW\RO
[OWaTtQWZR]_cSW\bS`^`SbtZ]a>]`Waa]{Q][c[dS`W\T]U`tQ]a
Q][ROR]aacQWS\bSa^O`OOT]UO`_cOZ_cS`ZSWb]`
=^]\b]QS\b`OZ^O`O]_cOZRSaWU\S`aS^`]aaW]\OWaRSbSfb]RS
dS[SabO`ObS\b]a{][Sa[]RSaS[^`S(]_cS_cS`S[]a[]ab`O`-
7\bS`^`SbS]a\[S`]aScaSO^S\OaOaa{`WSa_cSW\bS`SaaO[^O`O
RSbS`[W\ORO`S^]`bOUS[
/RWQcZRORSQ][\[S`]aQ][SzO\]TOb]RSaS`^]aadSZQ][PW\tZ]a
RST]`[OOQ][^`]dO`_cOaS_cOZ_cS`bSaS<[S`]aPS[b]`bc`OR]a
RWhS[_cOZ_cS`Q]WaOP`W\QO[]aZWUOR]auSabObabWQO0OabOdS`Oa
QO[^O\VOa^]ZbWQOa\OBD=[Sa[]`SZOb`W]_cSO^]\bOOc[S\b]
ROQ`W[OZWRORSRS  O "^]RSW\RWQO`]_cSROROQ`W[W\OZWRORS
S\b`S !S "7aa]aS[[O\W^cZO`]aROR]aO^S\OaW\bS`^`S
bO\R]]aW\RWQOR]`SaR]XSWb][OWaQ]\dS\WS\bSO]RWaQc`a]RSaSXOR]
>]`Waa]RSdS[]abS`[cWb]QcWROR]Q][`SZOb`W]a^`]\b]aS[
Sa^SQWOZ]aS\dWOR]a^]`OaaSaa]`WOaRSW[^`S\aO3dWbSSaaSbW^]RS
[ObS`WOZSRWbOR]S^`]Qc`SaS[^`SbS`OQSaa]O]`SZOb`W]Q][^ZSb]
<x]Sa_cSzORSdS`WQO`bO[P{[_cS[^OU]cO^Sa_cWaOS_cS[O
^`]RchWc_cOZOPOaSRSS\b`SdWabOR]a[O`US[RSS``]SbQ

&%

@Sa]ZdWROO^O`bSROT]\bSR]aROR]a^OaaO[]aO]a[SW]aRS`S^`S
aS\btZ]adWacOZ[S\bSSO[t\]bQWO{_cS\x]Vt`SU`OaQZO`Oaa]P`S
_cOZU`tQ]RSdSaS`caOR]^O`OQOROaWbcOzx]/aaW[c[O[Sa[O
a{`WSRSROR]a^]RSaS``S^`SaS\bORORSdt`WOa[O\SW`OaRWTS`S\bSa
=W\T]U`OabO]c]X]`\OZWabO^]RS[OW\ROQ`WO`\]dOa[O\SW`OaRS
`S^`SaS\bOzx]OZ{[ROaQ]\VSQWROa
=^`]PZS[O^]abS`W]`{_cS\x]POabO`S^`SaS\bO`]aROR]aQ]``SbO
[S\bS]ZSWb]`^`SQWaObO[P{[ZS`SS\bS\RS`]_cSSabt`S^`SaS\bOR]
]_cS]U`tQ]^`SbS\RS[]ab`O`>]`Waa]\]RWOORWO{[OWa^`cRS\bS
cbWZWhO`]abW^]a[OWaQ][c\aRSU`tQ](ZW\VOPO``OS^WhhO2SWfSOa
\]dWRORSSW\]dOzSa^O`O`S^]`bOUS\aSa^SQWOWa_cO\R]VtbS[^]
SSa^Oz]SRWb]`WOZRWa^]\dSZ^O`ObSabO`\]dOaT`[cZOa2S^]WaRS
cbWZWhOROOZUc[OadShSaSaaOa\]dOaa]ZczSaOQOPO[W\Q]`^]`OROa
u^`]Rczx]SZSWbc`O
GRFICO DE LINHA - `S^]`bOUS\a_cSb}[^OZOd`OaQ][]
Sd]Zczx]OZbOPOWfO_cSROOQSZS`Ozx]RSaOQSZS`Ozx]RSa^S\QO
RWa^O`OW\RWQO[OSfWab}\QWORSdO`WtdSWaO]Z]\U]RSc[^S`]R]
RSbS[^]S]U`tQ]RSZW\VO{O[SZV]`[O\SW`ORS`S^`SaS\bO`
SabOadO`WOzSaRSbS\R}\QWO
>]`Q]\dS\zx]OdO`WOzx]R]bS[^]QOaW\OZWhORO\O^O`bSV]`W
h]\bOZSOdO`WOzx]R]\RWQS\OSaQOZOdS`bWQOZ;Oa{^]aadSZcaO`
]cb`OdO`WtdSZ_cS\x]]bS[^]\OSaQOZOdS`bWQOZRSaRS_cSaSb][S
QcWROR]^O`O_cSOW\]dOzx]dWacOZ_cSQZO`O^O`O]ZSWb]`
=U`tQ]RSZW\VO^]RSaS`TSWb]Q][c[O]c[OWaZW\VOadO`WO\R]\c[
[Sa[]^S`]R]_cO\R]caO`[OWaRSc[OZW\VObS\VOQS`bShORS
_cSOZSUS\ROSabtPS[QZO`OpP][_cS^SZ][S\]a]\[S`]\OZ
ROZW\VOR]U`tQ]aSXOW\T]`[OR]^O`OTOQWZWbO`OQ][^`SS\ax]RO
&&

SaQOZO>]\b]a[O`QO\bSaROSd]Zczx]Q][]^WQ]a]c_cSROaP`caQOa
^]RS[aS`RSabOQOR]aQ][^S_cS\OaZSUS\ROaC[OSd]Zczx]R]dOZ]`
R]RZO`^]`SfS[^Z]^]RSW\RWQO`OaQ`WaSaSQ]\[WQOaQ]`bSaRS
Xc`]a]c[cRO\zOaRSU]dS`\]
GRFICO DE BARRAS - ASO\]bQWOUW`OS[b]`\]R]ZRS`][OW]`
]c[S\]`_cS[[OWaUO\V]c]c_cS[[OWaQ`SaQScWaa]W\RWQO_cS
Vtc[OQ][^O`Ozx]RSdOZ]`SaS]aU`tQ]aRSPO``Oaax]c[ObW[O
a]Zczx]^O`OSabSaQOa]a=U`tQ]^]RSaS`dS`bWQOZV]`Wh]\bOZ]cOb{
W\QZW\OR]SacOSaQOZORSdSQ][SzO`\]hS`]3dWbSQ]`bO`OSaQOZO
^O`OdOZ]`WhO`dWacOZ[S\bSOaRWTS`S\zOa^]WaSaaSbW^]RSRSabO_cS
dWacOZ^]RSaS`W\bS`^`SbOR]Q][]RWab]`zx]]c[O\W^cZOzx]R]a
ROR]a0O``OaV]`Wh]\bOWa^]RS[aS`caOROa^O`OdOZ]`WhO`Q]Zc\Oa
bOPSZOaRSabOQO\R]OW\T]`[Ozx]\c[{`WQO[OWaW[^]`bO\bS
GRFICO DE PIZZA - 4W_cSObS\b]ua^OZOd`OaRWdWax]RWab`WPcWzx]
^O`bWQW^Ozx][OW]`WO[W\]`WOTObWOQ]\b`]ZSax]OZUc[Oa^WabOaRS
]\RSRSdS`WOSfWabW`c[U`tQ]RS^WhhO^]Waax]c[ObW[O[O\SW`O
RS`S^`SaS\bO`ORWdWax]RSc[b]R]<]S\bO\b]SabSbW^]
RSU`tQ]O^`SaS\bO^SZ][S\]aRcOaRSQW}\QWOa\OdWacOZWhOzx](
_cO\R]]adOZ]`Saax]^`fW[]a\S[aS[^`SORWTS`S\zOQOdWadSZ
S_cO\R]Vtc[SfQSaa]RS^SROz]a\O^WhhOSZO^]RSaSb]`\O`
Q]\TcaOCaSOa^O`O[]ab`O`Ob{#RWdWaSa8c\bSOa[S\]`SaTObWOa
S[]cb`]aSO\SfSc[ObOPSZO[]ab`O\R]Oa^]`QS\bOUS\aSfObOa
@O`O[S\bSOa^WhhOaax]bSWa^O`O[]ab`O`Sd]ZczSa^`S`OU`t
Q]aRSZW\VO]cPO``Oa

&'

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 grficos para que

a visualizao no fique cansativo.
O exemplo ao lado comea com um
grfico de PIZZA seguido de BARRAS
HORIZONTAIS e BARRAS VERTICAIS

'

RASGANDO A PGINA

'

ALGUNS ERROS EM GRFICOS QUE DEVEMOS EVITAR - 1

Ttulo no combina
com o grfico
Se o ttulo fala em alta de
se esperar que a linha do
grfico esteja em ascenso
ao longo do tempo

Alta de
0,001!

Barras cortadas
ou quebrada
Ningum altera o valor
de um nmero por
ele ser muito grande.
Cortar a barra significa
alterar a informao

Diferena
real

Fontes suspeitas
ou no confiveis
Tome cuidado com grficos que chegam prontos
e com dados j editados.
Pode haver m f na
divulgao dos dados
Coincidncia?

'

ALGUNS ERROS EM GRFICOS QUE DEVEMOS EVITAR - 2

Margem de
erro ignorada
Pesquisas de opinio
contm sempre uma
margem de erro. Fique
atento: isso pode invalidar tendncias de alta
ou queda

Empate!

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

Agrupe as fatias
pequenas e crie
uma fatia outros
para facilitar a visualizao

Pizza no
completa 100%
A pizza um tipo de
grfico que representa
um todo, no pode ser
usado se a soma maior
ou menor do que 100%

Faltam 40% para

completar o
total (100%)

'!

ALGUNS ERROS EM GRFICOS QUE DEVEMOS EVITAR - 3

Legendas confusas
Use cores que permitam ao
leitor diferenciar os itens do
grfico. Cores similares causam confuso. Importante:
a legenda a chave para o
leitor compreender o grfico,
deixe em local bem visvel e
tome cuidado com as cores.

Confuso, no?

Nmeros no so
comparveis
Grficos comparam a mesma unidade de valor. No
compare porcentagens com
moeda ou quilmetros.

US$ e % no
so comparveis entre si

Dramatizao
a curva
Evite formatos muito verticais ou muito horizontais
para fazer as curvas serem
mais acentuadas.

Os mesmos dados
causam resultado
visual diferente

'"

COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 4

10

Grficos em perspectiva
ou inclinados
Grficos funcionam por seu
alinhamento e contraste de
tamanho. Qualquer distoro, distorce a informao

Est
caindo ou
subindo?

11

Intervalos
cronolgicos irregulares
Dispostos mesma distncia
um do outro indicam erradamente a velocidade da
tendncia

Intervalo de
10 anos

Intervalo
anual

12

Proporo incorreta
Quando se dobra o tamanho de uma rea e/ou um
pictograma o valor nmerico
deveria ser qudruplo

Parece maior do
que o dobro, e
mesmo

'#

USO DE GRFICOS
EXEMPLO 1 - ;]ab`O`_cSOS[^`SaOFbS[[OWaRW\VSW`]_cS
OS[^`SaOG(W\bS`SaaOOSd]Zczx]-<x]-<SabSQOa]caSO^S\Oa]a
ZbW[]adOZ]`SaObcOZWhOR]a(U`tQ]RSPO``Oa
EXEMPLO 2 - ;]ab`O`_cSOS[^`SaOFcZb`O^Oaa]c]
TObc`O[S\b]ROS[^`SaOG(OU]`OaW[Q][]T]WOSd]Zczx]\]
^S`]R]-3[_cSRObOV]cdSOZUc[O[cRO\zO`SZSdO\bS\O
O``SQOROzx](U`tQ]RSZW\VOa
EXEMPLO 3 - 3[^`SaOaFSGRSb}[%R][S`QOR](_cOZ
OTObWORSQOROc[-?cS[ax]]a]cb`]a-BS[]aROR]a^O`O
Q][^ZSbO`]a(U`tQ]RS^WhhO_cSWX]
Resumindo: no faa o leitor perder tempoZS\R]dt`W]aU`tQ]a
aSd]Q}aOPSSfObO[S\bS]_cS_cS`[]ab`O`/W\ROOaaW[aSV]cdS`
O\SQSaaWRORSRS^cPZWQO`dt`W]aU`tQ]aTOzOc[RSZSa[OW]`[OWa
RSabOQOR]Q][]^]`bORSS\b`ORO^O`OOZSWbc`O
Explique os valores usados nos grficos
p[cWb]W[^]`bO\bSQ]\bSfbc`OZWhO`]adOZ]`Sa?cO\b][OW]`]\
[S`][OWaOPab`ObOOW\RO{OacOQ][^`SS\ax]4OZO`S[&b`WZVSa
RSRZO`Sa]c O\]aZch]c#VSQbO`Sa^]cQ]Q][c\WQO^]Wa
ax]T]`OR]Q]\bSfb]R]Q]bWRWO\]ROa^Saa]Oa/^`]dSWbSaSRSaaS
RSaQ]\VSQW[S\b]^O`OZSdO`O]ZSWb]`Q][^O`ObWd]adWacOWa_cS
]ZSdS[O^S\aO`SOS\bS\RS`OU`O\RShO_cSSabtaS\R]Sf^`SaaO
?cO\b]a>70aR]0`OaWZS_cWdOZS[O&b`WZVSaRSRZO`Sa_cO\b]
bS[^]ZSdO^O`OdWOXO`RSQO``]ORWabv\QWORS O\]aZch_cO\b]a
QO[^]aRSTcbSP]ZQ]``Sa^]\RS[O#VSQbO`SaAS]ZSWb]`S\bS\RS`
ORW[S\ax]R]dOZ]`acOQ][^`SS\ax]aS`t[SZV]`

'$

DIFERENTES VISES DOS MESMO DADOS

Exemplo 1

94

EMPRESA X TEM MAIS

DINHEIRO QUE A
EMPRESA Y

46
Empresa
X

Exemplo 2

Empresa
Y

94

EMPRESA X
ULTRAPASSOU O
FATURAMENTO
DA EMPRESA Y

Empresa X

46

Empresa Y

Exemplo 3
EMPRESAS X E Y
DETM 68% DO
MERCADO

94

Empresa X

47%

'%

46

Empresa Y

23%

PARA EXPLICAR, TEM QUE ENTENDER

Para chegar a um resultado

onde texto e imagem
trabalhem juntos essencial
que o infografista entenda
qual a mensagem e no
tenha medo de interferir no
texto para deixar a histria
mais clara

Sinalize nos GRFICOS DE

LINHA os fatos que causaram
quedas ou picos. Isto facilita a
compreenso das variaes

'&

QUANDO USAR MAPAS

;O^Oaax]SZS[S\b]aRST]`bSW[^OQb]dWacOZSRSU`O\RSW[^]`
bv\QWO^O`OOdOZ]`WhOzx]RSc[O`S^]`bOUS[AcOTc\zx]PtaWQO{
`Sa^]\RS`(]\RS-C[P][[O^O\]S\bO\b]^]RSbS`dt`W]a\dSWa
RSZSWbc`OSaS`OQ][^O\VOR]RS]cb`]abW^]aRSW\T]U`OO^O`O`Sa
^]\RS`_cS[_cO\R]S^]`_c}<O[OW]`WOR]aQOa]a]W\T]U`OabO
XtRWa^SRSPOaSa^`]\bOa^O`OQ][SzO`O^`]RchW`][O^OS^]RS
QO`OUcO`RO\R]O^S\OaOaW\T]`[OzSa[OWa_cS\bSa^O`O\OZWhO`
]W\T]U`tQ]
MAPAS DE LOCALIZAO -^S`[WbS[O]ZSWb]`aWbcO`US]U`O
QO[S\bS]SdS\b]2SdS[aS`caOR]aaS[^`S_cS]Z]QOZT]`RSa
Q]\VSQWR]]cSa^SQQ]?cW`_cWabx]]c`cObOZ\F1Obtab`]TSa
OQWRS\bSaUcS``Oa]cZ]QOWabc`abWQ]aRSdS[aS``S^`SaS\bOR]aS[
[O^O^O`OOUWZWhO`OZSWbc`O>]`Q]\dS\zx]b]R]a]a[O^Oab}[]
\]`bSS[acO^O`bSac^S`W]`QOa]Q]\b`t`W]{\SQSaat`W]c[aW\OZ
U`tQ]O^]\bO\R]ORW`Szx]\]`bS2SdSaScaO`bO[P{[c[OSaQOZO
U`tQOS[_cWZ[Sb`]a]c[Sb`]aSQ][]OZ]QOZWhOzx]US]U`tQO
RS^S\RSRS`STS`}\QWOaQ]\VSQWROaaW\OZWhSaS[^`S]a^]\b]a_cS
^]RS[OXcRO`S\bS\RS`Oa^`]fW[WRORSaR]SdS\b]C[[O^ORS
Q]\Wb]SabcRO\bWZS[>O`Wa^]`SfS[^Z]^]RSbS`Ob]``S3WTTSZ
Z]QOZWhOROQ][`STS`S\QWOZ2OR]aUS]U`tQ]aQWbOR]a\O[Ob{`WO
]c_cSaSXO[`SZSdO\bSaQWRORSa`W]a[]\bO\VOa`SZSd]RSdS[
aS``S^`SaS\bOR]a
MAPAS DE MOVIMENTAO - OU`SUO[c[\]d]\dSZRSZSWbc`O
O]Q`chO`W\T]`[Ozx]a]P`SRSaZ]QO[S\b]]ccf]US]U`tQ]ASbOa
_cS`S^`SaS\bS[]adOZ]`Sa^`]^]`QW]\OWaS^WQb]U`O[OaW\RWQO\R]
]bW^]RS[]dW[S\bOzx]ax]PS[dW\R]a

''

MAPA ESTILIZADOS - aS]RSbOZVSaUS]U`tQOa\x]ax]`SZSdO\bSa

][O^O^]RSaS`caOR]Q][]ac^]`bS^O`O]`UO\WhO`OW\T]`[Ozx]
]TS`SQS\R]O]ZSWb]`c[OdWax]US`OZRS]\RSSZOSabtRWab`WPcRO
<SabSQOa]^]RSaS]^bO`^]`[O^OaSabWZWhOR]a]c[Sa[]^`]RchWR]a
^]`WZcab`OR]`SaRSOQ]`R]Q][]bS[ORO`S^]`bOUS[
MAPAS DE DADOS OU ESTATSTICO -aS]^`]^aWb]RO`S^]`
bOUS[{SdWRS\QWO`RWTS`S\zOa`SUW]\OWa]c_cSSabx]`SZOQW]\OROau
acO^]aWzx]US]U`tQOc[[O^OQ][Oa`SUWSaRWdWRWROaS[SaQOZO
RSQ]`]cQ][]a\[S`]aZ]QOZWhOR]aUS]U`OQO[S\bSb`ORch]a
ROR]aRST]`[OdWacOZS^S`[WbS_cS]ZSWb]`RSc[a]ZVO`dSXOO
RWab`WPcWzx]R]adOZ]`SaS^]aaOQ][^O`O`SaaOaRWTS`S\zOa`SUW]\OWa
MAPAS NO GEOGRFICOS -^O`OZ]QOZWhO`]\RST]WOT`Obc`O
RSc[X]UOR]`RSTcbSP]Z^]`SfS[^Z]^]RS[]acaO`c[OaWZVcSbO
R]Q]`^]Vc[O\]]cR]Sa_cSZSb]Q][][O^O/`SU`OUS`OZ{_cS
aS[^`S_cST]`\SQSaat`W][]ab`O`O]ZSWb]`]\RS]Q]``ScOZU]]
[O^O{O[SZV]`a]Zczx]dWacOZ



DO GLOBAL AO LOCAL

A srie de MAPAS desta pgina permite uma

viso geral e especfica da crise no Egito



GEOGRFICO X ESTILIZADO
Cores suaves e pictogramas simples
conferem clareza ao mapa ao lado
que mostra a LOCALIZAO e
MOVIMENTAO durante conflito
no Oriente Mdio

Neste MAPA
ESTILIZADO
a disposio
geogrfica das ruas
foi desprezada para
dar nfase a outras
informaes



ILUSTRADO X CARTOGRAMA

A informao visual levada a srio: cada prdio foi fotografado para

servir de base para as ilustraes que respeitam as propores de altura

Ao lado, mapa de dados

ou CARTOGRAMA usa de
cores para delimitar reas
de concentrao

!

QUANDO USAR DIAGRAMAS ILUSTRADOS

3[[cWbOaQObSU]`WOadWabOaO\bS`W]`[S\bS]W\T]U`tQ]^]RS`WOaS`
ac^`W[WR]SacPabWbcR]^]`c[P]fRSbSfb]]c[Sa[]c[OT]b]
6t\]S\bO\b]c[O^O`bSR]X]`\OZWa[]\]_cOZOaaWbcOzSaax]
W[^]aadSWaRSaS`S[T]b]U`OTOROa[Oa^]RS[aS`ZSdOROaO]ZSWb]`
\OT]`[ORSW\T]U`tQ]a^]`SfS[^Z](
=[c\R][WQ`]aQ^W]]Tc\R]R][O`]c\WdS`a]SbQ
/^O`}\QWOSfbS`\OSTc\QW]\O[S\b]W\bS`\]RSc[^S`a]\OUS[
aSXOSZSc[^`{RW]c[OdWx]]cc[O\W[OZd]Q}^]RST]b]U`OTO`O
TOQVORORSc[[caSc[OaWaa]\x]^S`[WbSd}Z]^]`RS\b`]Z]QO
ZWhO`]aO\RO`SaSOa]P`Oa
>`]PZS[OaRSaORS[]ab`O\R]]a`Ux]aS[_cSabx]
>`]QSRW[S\b]aQWS\bQ]aSbSQ\]ZUWQ]a]c_cSSfWUS[OPab`Ozx]
S`S^`SaS\bOzx]U`tQO
2SaOab`SaSTS\[S\]a\Obc`OWaSacOaQOcaOaW[^]aadSZT]b]U`OTO`
c[bS``S[]b]O^S\OaaScaRO\]a^]RS[aS`dWab]a
1WdWZWhOzSaSSRWQOzSaO\bWUOaS][c\R]^`{VWab`WQ]
=P`Oa[]\c[S\b]aSW\bS`dS\zSac`PO\Oa_cSOW\ROSabx]^]`
OQ]\bSQS`S\b`S]cb`]a
3aaS{][c\R]]\RSOW\T]U`OO{W[PObdSZ^O`Ob`O\a[WbW`RWRObW
QO[S\bSO]ZSWb]`OQ][^`SS\ax]R]Oaac\b]S[_cSabx]

"

/`bST]b]W\T]U`OabOaOR]`O[WZcab`O`SSa_cSQS[_cSOT]b]^]RS
RO`c[b]_cSO[OWaRS`SOZWRORS\OW\T]`[Ozx]0]OaT]b]a^]RS[
aS`caOROaQ][]POaS^O`O_cS]W\T]U`OabOW\bS``O^]aWQW]\O\R]
RSabO_cSaWZcab`ObWd]a]cRSbSfb]T]`[O\R]c[O\]dOW[OUS[
3f^ZWQO`^]`SfS[^Z]Q][]QO`WOOQWRORSaS[Oa^ZOQOaRS^cPZW
QWRORS^]RSaS`TSWb]caO\R]c[OT]b]RSc[O`cOQ][Oa^ZOQOaS
`SbW`O\R]Oa^ZOQOa\]>V]b]aV]^
CORTE ESQUEMTICOS - ^]aaWPWZWbO[O^`SaS\bO`O]ZSWb]`Q][]
OaQ]WaOaax]^]`RS\b`]S^]`T]`OO][Sa[]bS[^]>]RSbS`Q][]
POaSc[OT]b]]cc[OWZcab`Ozx]]\RS{`S^`SaS\bOROc[OdWax]
`OW]fR]]PXSb]1][SaaS`SQc`a]]ZSWb]`^]RSdS`O][Sa[]
bS[^]^]`SfS[^Z]]^`{RW]_cST]W`]cPOR]S^]`]\RSQW`QcZO`O[
]aOaaOZbO\bSa]Q]`^]Vc[O\]S]a`Ux]W\bS`\]aRSaQ]P`W`R]_cS
SQ][]ax]TSWb]aOa[t_cW\OaQ]\ab`czSaSbQ
4:CF=5@/;/>/AA=/>/AA=_cO\R]]]PXSbWd]R]W\T]U`tQ]
{]RSSZcQWRO`c[^`]QSaa]]c^`]QSRW[S\b]S]aW[^ZSabSfb]Q]``WR]
caOR]\]aW\T]U`tQ]aR]bW^]^O`OS\bS\RS`aS[]ab`OW\acQWS\bS
]c[cWb]^]P`SdWacOZ[S\bS{]QOa]RS`SQ]``S`O]acf]U`O[Oa
3ZSa^S`[WbS[_cS]aPZ]Q]aRSbSfb]_cSRSaQ`SdS[QORO^Oaa]R]
^`]QSaa]aSXO[RWa^]ab]aRS[O\SW`O]`Uv\WQORS^`STS`}\QWOQ][
aSbOaSQ]`Sa`SacZbO\R]\c[OT]`[OU`tQORWTS`S\QWOROS[OWa
W\bS`SaaO\bS_cS]bSfb]Q]``WR]=cf]U`O[ORSdSQ`WO`c[OUc
`O\WQO_cS^S`[WbOOW[SRWObOQ][^`SS\ax]RSb]R]]^`]QSaa]
RSabOQO\R]]bbcZ]S]aW\bS`bbcZ]aRSQOROWbS[?cO\R]b`ObORS
c[ORSaQ`Wzx][OWaZW\SO`R]^`]QSaa]QOROSbO^O^]RSaS`WZcab`ORO
Q][^ZSbO\R]SSaQZO`SQS\R]]bSfb]Q`WO\R]c[W\TU`OQ]R]bW^]
^Oaa]O^Oaa]]\RSQORO_cOR`]Tc\QW]\OQ][]c[T]b]U`O[ORS
c[Z[S^S`[WbW\R]O]ZSWb]`dWacOZWhO`]^`]QSaa]
#

EXPLICANDO O QUE UMA FOTO MOSTRA

Infogrfico criado para mostrar aos leitores

como e como funciona o manete de um avio.
Soluo muito mais eficiente do que um texto

$

MOSTRANDO O QUE UMA FOTO NO MOSTRA

DIAGRAMAS ILUSTRADOS
permitem tornar visvel fenmenos
naturais como tsunami e
terremotos

%

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 ficariam perdidos ou complicados no texto

'

SUPERPODERES DA INFOGRAFIA: CONTROLE DO ESPAO

O infogrfico com a sequencia de planetas do Sistema

Solar e o tamanho proporcional de cada um deles

Ilustrado, o PASSO A PASSO fica mais claro

ORGANOGRAMA permite
visualizar a hierarquia de
poder entre as partes



DIGA 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 infografia, como este acima que
contextualiza o fato jornalstico

111

INDICANDO O CAMINHO

Um infogrfico, dois FLUXOGRAMAS: o vertical

mostra uma sequencia cronolgica e o horizontal
representa o processo de enriquecimento do urnio

112

ORGANOGRAMA -][Sa[]`OQW]Q\W]RWa^]`]aPZ]Q]aRSW\
T]`[Ozx]RS[O\SW`O\x]ZW\SO`c\W\R]]aQ][]aSaSbOa{caOR]
bO[P{[^O`O`S^`SaS\bO`Oa`SZOzSaRSVWS`O`_cWOSRS`SZOQW]
\O[S\b]S\b`S]a^S`a]\OUS\aQWbOR]a\O`S^]`bOUS[`SacZbO\R]
S[c[]`UO\]U`O[O3ZSaax]W[^]`bO\bSa^O`O]ZSWb]`S\bS\RS`O
^O`bWQW^Ozx]RSQORO^S`a]\OUS[WRS\bWQO`_cS[SabOdOZWUOR]O
_cS[SOdOZWO`Oa`Sa^]\aOPWZWRORSa]c[{`Wb]aRSQOROc[<x]{
W\Q][c[_cSOa\]bQWOaQ][SQS[OO^O`SQS`O^O`bW`R]a^SWfSa
^S_cS\]aOaaSaa]`Sa^O`S\bSaZO`O\XOaSbQS]]`UO\]U`O[O{
c[OT]`[OU`tQO_cS^S`[WbSb]`\O`SdWRS\bSOZWUOzx]Q][]a
^SWfSaU`O\RSa
STORY-BOARDP]OaVWab`WOa[S`SQS[aS`Q]\bOROaSRSabOQOROa
=ab]`gP]O`R{c[OTS``O[S\bOROW\T]U`OO^O`OQ]\bO`RST]`[O
acPXSbWdO]_cSOQ]\bSQSccaO\R]ROZW\UcOUcS[R]a_cOR`W\V]a
AcOU`O\RSdO\bOUS[`SaWRS\]TOb]RSWZcab`O`TOb]a_cS\x]T]`O[
T]b]U`OTOR]a[Oa_cS]aZSWb]`Sab}[Qc`W]aWRORSRSdS`S]X]`\OZ
bS[RS[O\RORS[]ab`O`W[OUS\aAcOU`O\RSRSadO\bOUS[{O
T]`[OacPXSbWdOQ][]Q]abc[OaS`RSaS\VOR]pRWTQWZWZcab`O`c[O
aWbcOzx]RSa^`]dWR]RS^`SQ]\QSWb]aSWaa]^]RSQ`WO`TOZaOaW\T]`[O
zSadWacOWa<x]{`O`]_cS]WZcab`OR]`RSaS\VS]aPO\RWR]aQ][]
\SU`]a]a`WQ]aQ][]U]`R]a(_cSObS\b]S^`S`O]aRSaS\V]a[OWa
\Scb`]a]caWZVcSbOa1]ZSbSb]ROOW\T]`[Ozx]dWacOZRWa^]\dSZ
a]P`S]a^S`a]\OUS\adSQcZ]aZ]QOWaSbQSbS\VOQS`bShORS_cS]
WZcab`OR]`aOWPO_cSaSb`ObORSc[b`OPOZV]X]`\OZabWQ]\x]O`ba
bWQ]OW\ROOaaW[^]RSbS`QS`bShO_cS][Sab`S/ZPS`b]1OW`]dOW
O[OZRWz]O`]`SacZbOR]
PGINA INFOGRFICA -{_cO\R]]W\T]U`tQ]{]SZS[S\b]R]
[W\O\bS\O^tUW\O<O[OW]`WOROadShSabS[c[OU`O\RSW[OUS[
113

QS\b`OZQ][]^]`bORSS\b`ORO^O`O]ZSWb]`^]cQ]bSfb]RS`SROzx]
S]cb`]a^S_cS\]aW\T]U`tQ]aRSO^]W]Q][]QVOa[O^OaZWabOa
Q`]\]Z]UWOaSbQp[cWb]W[^]`bO\bS_cSOW[OUS[QS\b`OZaSXOW\
T]`[ObWdOS\x]RSQ]`ObWdO/^`]Rczx]RSc[O^tUW\OW\T]U`tQO
[S`SQSc[^ZO\SXO[S\b]`WU]a]bSabSaRSZSWbc`O^O`OQS`bWQO`_cS
OU`O\RS_cO\bWRORSRSW\T]`[Ozx]SabtQZO`OSRSRWQOzx]SfOcabWdO
RSW\T]U`OabOaS`SROb]`SaS\d]ZdWR]a=`SacZbOR]Q][^S\aO

114

DA IDEIA AO ACABAMENTO FINAL

Depois de fazer um rascunho

do infogrfico preciso
definir uma soluo grfica
que acrescente apelo visual

Rascunho utilizado
para aprovao

e com o trao do ilustrador

escolhido para a pauta

115

COMO PRODUZIR BONS INFOGRFICOS* - 1

A informao principal deve estar disponvel em nico olhar

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 infogrfico

TORNE VISVEL A
INFORMAO PRINCIPAL
Seja um mapa, grfico, esquema
ou uma combinao de todos
esses elementos, alguma forma
deve sobressair e ser dominante

CRIE DIMENSES
MLTIPLAS
Um bom infogrfico
cruza informaes de forma a
obter uma nova
leitura. Assim, por
exemplo,grficos
devem contextualizar os acontecimentos criado nveis de
leitura

ESTABELEA O CONTEXTO
A maneira de representar a informao deve
permitir uma leitura do todo e ressaltar os aspectos mais importantes com detalhes. Se o acidente
aconteceu devido a um declive na pista, ento a
vista da ilustrao deve contemplar esse declive

INTEGRE A PGINA
Os elementos de texto,
infografia, fotos e ilustraes devem ser diagramados no sentido de
criar uma figura nica

* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam

116

COMO PRODUZIR BONS INFOGRFICOS* - 2

Sempre que possvel, faa um esboo em papel antes de sentar frente ao computador

MOSTRE CAUSA E EFEITO

mais fcil entender um esquema
sabendo qual a causa e qual a conseqncia. Conte as histrias por inteiro,
mesmo que apenas parte dela esteja
representada

ADICIONE REDUNDNCIA
Redundncia causa rudo em texto,
mas, numa infografia facilita a compreenso visual. Num info sobre um
acidente de avio, espera-se ver um
avio, no uma bolinha vermelha

SIMPLIFIQUE
Representaes
simples e diretas
so mais fceis de
interpretar. Ns nos
distramos facilmente
em formas estranhas
de representao.
Prefira formas simples, como fios e
setas, e use as cores
de forma a conduzir o
leitor pelo infogrfico

COMPARE E CONTRASTE
Muitas medidas, como hectares, Farhenreit, Richter etc., so difceis de
entender pois no fazem parte de nosso
cotidiano. Transporte essas escalas para
coisas que o leitor reconhea

CONVERSE E TESTE
Nem sempre a leitura que voc
faz a mesma dos outros leitores.
Montada a estrutura do infogrfico,
pergunte a outras pessoas se elas
entendem, se est claro

* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam

117

FAA SEU INFOGRFICO BRILHAR

D]Q}aOPSSfObO[S\bS]_cS_cS`[]ab`O`SaQ]ZVScO]^zx]Q]``SbO
RS\b`]R]`S^S`b`W]O^`SaS\bOR]O\bS`W]`[S\bS]c[SZV]`OW\RO(
Q`W]cc[O\]dOa]Zczx]VtSa^Oz]\OSRWzx][OadWacOZ[S\bS]
W\T]U`tQ]Sabt[cWb]aS[U`OzOaS[O^SZ]dWacOZ=_cSTOhS`3[^`W[SW`]ZcUO`\x]aS^`S]Qc^SbO\b]Q][Waa]ASOW\T]`[Ozx]
SabWdS`QZO`OSPS[Q]\bSfbcOZWhORO]ZSWb]`dOWOU`ORSQS`<OP]OW\
T]U`OO{[OWaW[^]`bO\bS_cS]abSfb]aSW[OUS\aSabSXO[RWa^]ab]a
RST]`[O]`UO\WhOROQ]SaOSOU`ORtdSZRSZS`1OW`\ObS\bOzx]RS
caO``SQc`a]a[S`O[S\bSWZcab`ObWd]a^O`ObS\bO`QVO[O`OObS\zx]
R]ZSWb]`]cR]SRWb]`^]RSOQOPO`Q`WO\R]c[`cR]dWacOZ_cS
^]`acOdSh^]RSRWab`OW`]cOTOabO`]ZSWb]`ROaW\T]`[OzSa_cS
`SOZ[S\bSW\bS`SaaO[
;OaWaa]\x]aWU\WQO_cS]aP]\aW\T]U`tQ]aRSdS[aS`T`W]aSaS[
U`OzO7\dSabW`\O_cOZWRORSdWacOZQ][QO^`WQV]SRSRWQOzx]{[cWb]
W[^]`bO\bSSOU`SUOdOZ]`uW\T]`[Ozx]X]`\OZabWQO
/\bSaRSbcR]Q`WSc[OVWS`O`_cWOdWacOZRO\R][OWaSa^Oz]uW\T]`
&

[Ozx]^`W\QW^OZSRSWfO\R]]`Sab]S[aSUc\R]^ZO\]AS]^`W\QW^OZ
T]`c[[O^O^]`SfS[^Z]TOzO][O^O[OW]`SRSWfSU`tQ]aSbOPSZOa
[S\]`SaDO[]adS`OaSUcW`OZUc[Oa]^zSa_cS^]RS[dOZ]`WhO`
c[W\T]U`tQ]STOhS`RSZSc[OW[OUS[]`WUW\OZ

1. GRAFISMO MINIMALISTA
3f^Z]`SOPSZShOdWacOZRSUc`OaaW[^ZSacaO\R]]Q]\b`OabSRSQ]`Sa
ST]`[Oa;O\bS\VOO}\TOaS\OW\T]`[Ozx]Q][]ca]RS^WQb]U`O
[OaST]`[OaaW[^ZWQOROaRSU`tQ]a[O^OaS]cb`]aRWOU`O[Oa

2. USE IMAGENS EM FORMAS DE 3 DIMENSES

4]b]SPZ]Q]aRSbSfb]ax]`Sbv\UcZO`Sa/[OW]`WOR]aW\T]U`tQ]a
bO[P{[2WTS`S\QWSOWZcab`Ozx]W\T]U`tQOQ][c[OdWabOS[b`}a
RW[S\aSaRO\R]^`]Tc\RWRORSuW[OUS[W\T]`[ObWdO

3. FATIE A FIGURA E MOSTRA O INTERIOR

1]`bSSa_cS[tbWQ]Sab`cbc`Oab`O\a^O`S\bSaSdWabOaSf^Z]RWROa
c\S[S[c[O\WQOW[OUS[OO^O`}\QWOSfbS`\OSW\bS`\ORO\R]
]`WUS[Oc[OUc`OW\caWbORO_cSW\abWUOOQc`W]aWRORS
'

4. USE METFORAS VISUAIS

1][PW\S]bbcZ]Q][c[OW[OUS[[SbOT`WQOCaSSaaOW[OUS[
Q][]v\Q]`OdWacOZR]W\T]U`tQ]]c[Sa[]RO^tUW\O1cWROR]^O`O
\x]RSWfO`OP`W\QORSW`OQ][^`][SbS`OW\T]`[Ozx]

5. COLOQUE OS PASSOS EM UM NICA CENA

/]W\d{aRS[]ab`O`QOROTOb]aS^O`ORO[S\bSXc\bSb]R]aS[c[O
\WQOWZcab`Ozx]Q][]aSbcR]SabWdSaaSOQ]\bSQS\R]O][Sa[]
bS[^]3aQ]ZVOc[v\UcZ]_cS^S`[WbOc[OZSWbc`OROSa_cS`RO
^O`ORW`SWbO

6. EXPLORE AS COMPARAES DE CONTEXTO

adShSaOU`OzOROW\T]`[Ozx]a{`SdSZOROaSV]cdS`c[OQ][
^O`Ozx]ORS_cORO;]ab`SWaa]caO\R]W[OUS\a^`]^]`QW]\OWa6t
QOa]aS[_cS{^]aadSZ`S^`SaS\bO`]a]PXSb]aS[bO[O\V]`SOZ
^]RSaS`c[O]^zx]
 

7. PONHA UM ILUSTRADOR PARA TRABALHAR

3aQ]ZVOc[O`bWabOQ][b`Oz]ORS_cOR]O]^PZWQ]Su[S\aOUS[
SRSWfS_cSSZSOQ`SaQS\bSacOdWax]>O`ORO`bcR]QS`b]RS\O]a
bSfb]aSRWOU`O[Sb]ROOW\T]U`OOSaS\bx]QVO[S]WZcab`OR]`

8. TIRE O INFOGRFICO DO RETNGULO

/a^tUW\OabS[Q]Zc\OadS`bWQOWaSOZW\VO[S\b]aV]`Wh]\bOWa_cS
RSWfO[bcR]`Sbv\UcZO`?cSP`SSaaO[]\]b]\WOQ][W\T]U`tQ]a
_cS^OaaSWO[^SZOaQ]Zc\OaRSWfO\R]O^tUW\O[OWaW\bS`SaaO\bS

9. CRIE MOVIMENTO COM LINHAS E SETAS

/Z{[RS]`WS\bO`OZSWbc`O]ca]RSaSbOa^]RSQ`WO`OaS\aOzx]RS
[]dW[S\b]\]aSZS[S\b]aR]W\T]U`tQ]ASV]cdS`dOZ]`SaOU`SUO
R]aTOzOOZO`Uc`OROaaSbOa^`]^]`QW]\OZOSaaSadOZ]`Sa

10. USE FOTOS AO INVS DE ILUSTRAO

CaSOaT]b]U`OOaQ][]POaSSQ][ca]RSa]TbeO`SaQ][]]>V]
b]aV]^b]`\SSdWRS\bSOaWbcOzx]_cS^`SbS\RS`Sb`ObO`/T]b]bS[
[OW]`Q]\Sfx]Q][O`SOZWRORSTOQWZWbO\R]OQ][^`SS\ax]ROW[OUS[

11. TENHA MAIS OUSADIA NOS GRFICOS

AOWOR][]RSZ]dWacOZQ]\dS\QW]\OZRSU`tQ]_cSd]Q}S\Q]\b`O
b]R]RWO\]aQORS`\]aRSSQ]\][WO3f^S`W[S\bS\]dOaT]`[OaRS
[]ab`O`]a\[S`]aS]ccaSW[OUS\a_cSOQ`SaQS\bS[W\T]`[Ozx]

121

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

122

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

123

EXEMPLOS: FORMAS DE 3 DIMENSES

O tradicional grfico de barras ganhou

volumetria (esq.); mesmo recurso das ilustraes
que mostram a ao do laser em tatuagens

124

EXEMPLOS: FORMAS DE 3 DIMENSES

Perspectiva isomtrica das profundidades de

explorao de petrleo cria um contraste com
os outros elementos horizontais

125

EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR

Corte esquemtico permite visualizar

todo o processo de produo de energia
em uma usina hidreltrica

126

EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR

Vista explodida detalhada os andares do Museu

de Arte de So Paulo (Masp)

127

EXEMPLOS: USE METFORAS VISUAIS

A guerra pela classificao foi o mote para

criao desta pgina. Repare que at o esquema
ttico formado por tanques e caas

 &

EXEMPLOS: USE METFORAS VISUAIS

Mimetizando uma estrada, este infogrfico

mostra os envolvidos que foram caindo no
decorrer do caso

 '

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

!

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

131

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

132

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

133

EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR

importante escolher um estilo de ilustrao

adequado pauta, como estas elegantes ilustraes
no infogrfico sobre check-up

134

EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR

A ao do flor simples (e chata) mas,

nas mos de ilutrador de talento ganha vida
e prende a ateno

135

EXEMPLOS: TIRE O INFOGRFICO DO RETNGULO

Nesta sequencia de pginas, a infografia

cria um caminho por onde passeiam as
informaes e ilustraes

136

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

137

EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS

Alm de dar movimento, o uso de setas neste

infogrfico 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

!'

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 infogrfico
sobre a
rinoplastia

141

EXEMPLOS: TENHA MAIS OUSADIA NOS GRFICOS

Grfico de barras segue a forma circular do globo

para enfatizar as dimenses da emisso de CO2

142

EXEMPLOS: TENHA MAIS OUSADIA NOS GRFICOS

Infografia mostra a proporo dos partidos a

cada eleio desde 1982

143

EXEMPLOS: TENHA MAIS OUSADIA NOS GRFICOS

Vrios tipos de grficos so reunidos

em um s em pgina dupla aps o resultado
da eleio 2010

144

PENSE A PGINA COMO UM TODO

=b`OPOZV]R]`S^`bS`]cR]`SROb]`\x]bS`[W\O_cO\R]SZS`S
b`O\QOO[Ob{`WORO[Sa[OT]`[O_cSObO`STOR]T]bU`OT]\x]
OQOPO_cO\R]SZSRtc[QZW_cSS_cSO[Waax]R]W\T]U`OabO\x]
SabtQ][^ZSbO\]^`W\bWa]ZOR]R]W\T]U`tQ]B]R]abS[_cSbS`
S[[S\bS]^Sa]SOTc\zx]_cSacOW\T]`[Ozx]dOWbS`\]^`]Rcb]
\OZO^tUW\Oac^]`bS\OZRO`S^]`bOUS[3b]R]a^]RS[SRSdS[
W\bS`TS`W`S[acOQ`WOzx]
<c[X]`\OZ^S\aOR]Q][]ZW\VORS^`]Rczx]O^tUW\O{`Sa^]\
aOPWZWRORSSfQZcaWdOROSRWzx]S]RWOU`O[OR]`bS[Tc\zx]b{Q\WQO
TOhS\R]O^S\Oa]_cSOSRWzx][O\RO8t\]X]`\OZWa[]dWacOZb]RO
OS_cW^SRSdSSabO`S\d]ZdWRO\OSRWzx]QWS\bSS^O`bWQW^O\bS\O
SZOP]`Ozx]RO^tUW\O^]`_cSaOPS_cS]ZSWb]`\x]d}OaW\T]`[OzSa
Wa]ZORO[S\bSO leitor v a pgina como um todo>]`Waa]{P][
_cSOS_cW^SSabOPSZSzOc[Q]\aS\a]a]P`S_cOZbW^]RSW\T]`[Ozx]{
[OWa`SZSdO\bSSQ][]QOROc[ORSZOadOWSabO`U`OQO[S\bSRWa^]abO
\O^tUW\OB]R]a^`SQWaO[bS`^]abc`OObWdOSRWa^]aWzx]^O`O]`UO
\WhO`OaW\T]`[OzSaSQ]\bO`OVWab`WORO[SZV]`[O\SW`O^]aadSZ

145

TIPO DE NOTCIA x TIPO DE PGINA

PGINAS MAIS INFOGRFICAS

PGINAS MAIS FOTOGRFICAS

Como o texto, a foto e a ilustrao perdem ou ganham destaque conforme a narrativa

NOTCIA

INFOGRFICO

SOLUO

Nas coberturas quentes a foto geralmente

o mais o importante
registro da notcia e deve
ser privilegiada
Exemplos: Personagens,
produtos, lugares, conflitos
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

t
$POUSBTUF

usando fotos
grandes x
mapa pequeno ou mapa
grande x fotos
pequenas

Anlise e servio
podem contar com ilustraes que interpretam
os dados e direcionam a
leitura
Exemplos: Servios,
rankings, listas, apoios
didticos e cronolgicos

ARTES-TEXTO
Tm esse nome porque,
quase sempre, o texto ocupa
a maior parte do espao
grfico. So timo material
de apoio em reportagens com
boas fotos e, em especial,
servios ao leitor

t
7FKB
RVBJT
BT

relaes entre os
tpicos de texto
e tente criar um
diagrama ou esquema. Use ilustraes,
vinhetas ou fotos
ligadas ao texto

Informaes numricas ou geogrficas

devem privilegiar o uso
de infogrficos
Exemplos: Divulgao de
dados numricos, estudos, pesquisas e numeros
em geral

GRFICOS
Por meio dos grficos o
leitor pode ter uma representao visual de maior
ou menor, queda ou alta e
porcentagens, comparando
de imediato as grandezas
em questo

t
"QPTUF
OB
TJNplicidade, clareza e
contexto dos dados
para criar uma
imagem original

A infografia merece
maior espao e investimento em pautas onde o
didatismo o foco da
reportagem
Exemplos: cincia, sade,
arquitetura, urbanismo,
relaes e processos

DIAGRAMAS
Nesse tipo de infogrfico, a
imagem a informao mais
importante. A parte difcil
que nem sempre a imagem
visual est clara, pronta. Precisa de uma pauta objetiva e de
mais tempo para produo

t
1FOTF
CFN
FN

qual estilo grfico
combina melhor
com o tipo de informao que voc
pretende transmitir
e tipo de pblico
ao qual se destina

146

ANEXO: DICAS PRTICAS DE INFOGRAFIA

147

ANEXO 1 - COMO FAZER UM INFOGRFICO

1 infogrfico = 1 histria
No exagere no contedo

1 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 infografista a
saberem qual o objetivo do infogrfico

2 MOSTRE VISUALMENTE A INFORMAO

Infografia texto + imagem,
por isso no pense s no texto. Rabisque sua
ideia ou escolha uma das formas a seguir

O QUE VOC
QUER MOSTRAR

QUAL
RECURSO USAR

COMO MELHORAR
O INFOGRFICO

Nmeros
Alta / queda
Participao
Comparaes

GRFICOS

- Escolha UM grfico 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

Onde fica
Trajeto/ como foi
Dados geogrficos
Cartogramas

MAPAS

Esquema
Organograma
Passo a passo
Como funciona

DIAGRAMAS

Raio-X/ Dicas/ lista

Entenda o caso
Como era/ ficou
Crono/ Tabelas

ARTES-TEXTO

Comp

ara

Evoluo

Distribui

- 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

Onde

Dados

Esquem

- Faa um rascunho antes de comear a

escrever. Os textos vo acompanhar o diagrama, no o contrrio
- Veja se o diagrama pode ser disposto em
mapa ou incluir valores ($, %, tempo)

Fluxo

Ilustraes

Fotos
Vinheta

"&

- Use interttulos para separar os blocos

- Use fotos ou ilustraes para ajudar a sinalizar os pontos principais
- Veja se no possvel organizar como um
diagrama, fica muito melhor

ANEXO 1 - COMO PENSAR VISUALMENTE?

1 EXPERIMENTE PENSAR NO

LEITOR COMO UM AMIGO

t
$POUF
TVBT
IJTUSJBT
NPTUSBOEP

imagens que prendam a ateno e
facilitem a compreenso
t
"
JOGPHSB
B
P
WEFP
F
B
GPUPHSB
fia so ferramentas eficientes que
todo jornalista deve saber usar

Algumas histrias ficam mais fceis

com IMAGEM do que s com texto

observe como
os jornalistas
costumam
contar sobre
PARA O LEITOR:
S TEXTO
=A]\W_cSQS\b`]RSAx]>OcZ]`SQSPSO
TSabObS[tbWQO2O`Y@]][\SabObS`zOTSW`O
 "d{a^S`ORSTS`WOR]\OQWRORS7\a^W`OR]
S[P]ObSaZ]\R`W\Oa_cS^`][]dS[TSabOa
aS[SZVO\bSa]SdS\b]dOWbS`SaaSQZW[O]`O
Q][O[PWS\bSQ][[SWOZch]`OZch\SU`OS
S[dt`W]a[][S\b]aSaQc`WRx]b]bOZ^`]
^QW]^O`OO^O_cS`O/a^Saa]Oa_cST]`S[
dSabWROaQ][^SzOa^`SbOaUO\VO[c[O
R]aSR]R`W\_cS0ZOQY>]eS`=aSbZWab
R]a28aCZWaaSa1O[^PSZZ0W]\R]S4tPW]
/P`OVx]^OaaO^SZ]^]^V]caSSW\QZcS[
1][Waa]]aOZt`W]POaSR]aP][PSW`]a
^OaaO`tRS@#^O`O@ #aSUc\R]
ROR]a]QWOWaR]U]dS`\]]aP][PSW`]a
RWhS[_cS]aOZt`W]POaSROQObSU]`WO{RS
@'#=Oc[S\b]OW\RO{[cWb]O_c{[
R]a@ RS^Wa]`SWdW\RWQOR]a^SZ]a
P][PSW`]aO\bSaRO^`Wax]RS"!'W\dO
a]`SaR]_cO`bSZ\]atPOR]2SaRSS\bx]
]aP][PSW`]ab`O\aT]`[O`O[OZWPS`bOzx]
R]aaScaQ]ZSUOa\O^`W\QW^OZ`SWdW\RWQOzx]
S^O`bSRSaScaZRS`SaRWh_cSa\SU]QWO`t
O_cSabx]aOZO`WOZO^aOa]Zbc`O

PARA OS AMIGOS:
TEXTO + IMAGEM
Jornalista
Festa!!!!

UM LUGAR

UM VALOR

"'

Jornalista
Respondeu

ANEXO 1 - COMO ESCREVER PARA INFOGRAFIA?

1 TTULO E LINHA FINA DEVEM DESCREVER

LEMBRE-SE: Em geral,
DUAS linhas no Word equivalem a
OITO linhas no infogrfico

O QUE O LEITOR VAI VISUALIZAR

t
0
UFYUP
FN
UQJDP
EFWF
TFS
DVSUP
F
PCKFUJWP

t
4F
QSFDJTBS
EF
NVJUP
UFYUP
UBMWF[
TFKB
NFMIPS

fazer uma matria com esta abordagem e escolher outro enfoque para o infogrfico
FAA O TEXTO EM FUNO DA IMAGEM
QUE PRETENDE REPRESENTAR
t
&WJUF
QBMBWSBT
MPOHBT
OP
JOGPHSDP
FMBT

podem ocupar uma linha inteira
t
6TF
FYFNQMPT
F
DPNQBSBUJWPT
QBSB
EBS
DPOtexto
SUBTTULOS E INTERTTULOS
t
6TF
FTUFT
SFDVSTPT
QBSB
TFQBSBS
EFTUBDBS
PV

organizar as informaes

Alguns exemplos de texto para infografia

Arte-texto

Mapa

DICAS
Para driblar o calor

LOCAL DO ACIDENTE
Avio caiu as 18h

Roupas
- Use roupas leves. O ideal
usar uma camiseta leve de
algodo

SO PAULO
RIO DE JANEIRO
MINAS GERAIS

Alimentao
- Prefira alimentao mais
leve noite
- Tomar ao menos 1,5 litro de
gua por dia.

Agrupe os itens
com interttulos

Diagrama

4
COMO FUNCIONA
A incinerao do lixo como
fonte de energia

(Avio Cessna 206 saiu de

Campinas as 17h30 e caiu
em Itajub)

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

Indique o
quer mostrar

Inclua referncias
visuais

Campinas
Belo Horizonte
Itajub

#

Grfico

5
FRUTAS EM ALTA
R$ por kg
2009
2010
2011
Banana
2,20
3,15
5,50
Destaque 2011: Maior alta
da desde nov.2002

Valorize o dado
mais importante

ANEXO 1 - D PRA COLOCAR UM DESENHINHO?

1 AT D, MAS NA INFOGRAFIA

MELHOR QUE A ILUSTRAO

TENHA UMA FUNO
t
4
VTF
VNB
JMVTUSBP
EFDPSBUJWB

em ltimo caso
t
1SFSB
JNBHFOT
JOGPSNBUJWBT
PV
VTF

a ilustrao para ligar e dar sentido a
informaes que ficariam dispersas

Assim que tiver a ideia pode pedir a

ilustrao na Arte, o texto pode vir depois

Exemplos de bom uso da ilustrao na infografia

Ilustrao como informao

tcnica/ cientfica
t
.FMIPS
BMUFSOBUJWB
QBSB
SFHJTtrar este tipo de informao
t
1FSNJUF
RVF
P
MFJUPS
WJTVBMJ[F

coisas impossveis de serem
fotografadas como projetos,
o mundo celular ou espacial

Ilustrao como
metfora visual da pauta
t
#PB
TPMVP
QBSB
SFQSFTFOUBS

editorialmente temas que se
prolongam no noticirio
t

CPN
UPNBS
DVJEBEP
QBSB
RVF

a brincadeira no atrapalhe a
informao que interessa de fato

151

Ilustrao como sinalizao

do tema ou do personagem
t
#PB
BMUFSOBUJWB
QBSB
QBVUBT

que no tem fotos e o texto em
tpicos o mais relevante
t

NFMIPS
RVF
VNB
EBT
JMVTtraes seja maior do que as
outras para orientar a leitura

152

INFOLIDE.COM

153