Ttulos de Matrias

Ttulo: TtuloTtulo

Ttulo:

TtuloTtulo TtuloTtulo
TtuloTtulo TtuloTtulo

Ttulo:
Ttulo
Ttulo
Ttulo
Ttulo
Ttulo

Ttulo
ttulo
ttulo

Tamanho do ttulo
Jornal Standart
Matria principal:
Ttulo com 4 a 6 colunas:
54 72 pontos
Matria secundria:
Ttulo com 4 colunas:
36 42 pontos
Ttulo com 2 ou 3 colunas:
30 36 pontos
Ttulo com 1 coluna:
24 30 pontos

Quantas Linhas de ttulo?

Quantidade de colunas
ocupadas pelo ttulo:

Quantidade de
linhas de ttulo:

1-2

2-3

3-4

Legendas

Usualmente a legenda colocada

embaixo da foto. Ela nunca pode
ultrapassar as laterais da imagem. A
caixa de texto deve estar alinhada
com a foto. A legenda no precisa
chegar at o final da linha se ocupar
apenas uma linha, mas precisa
ocupar mais da metade da foto.

Legenda: pode
ser lateral,
alinhada na
parte superior e
inferior da foto.
O texto deve ser
alinhado
direita quando a
legenda fica
esquerda da
foto.

Legenda: pode
ser lateral,
alinhada na
parte superior e
inferior da foto.
O texto deve ser
alinhado
esquerda
quando a
legenda fica
direita da foto.

Normalmente, cada foto

tem uma legenda, mas
podem haver casos em
que duas fotos compartilham a mesma legenda.
Nesse caso a legenda
pode ficar entre as fotos.
Tome o cuidado de alinhar as fotos e a legenda
na parte superior e inferior e justificar o texto
para que ele fique alinhado dos dois lados.

Histrias sem arte

Priorizar o formato retangular nas matrias.
Ttulo Ttulo
Ttulo Ttulo
Ttulo Ttulo

Ttulo Ttulo Ttulo ttulo Ttulo Ttulo Ttul

Ttulo Ttulo Ttulo Ttulo Ttulo

Histrias sem arte

Priorizar o formato retangular nas matrias.
Ttulo
Ttulo
Ttulo
Ttulo
Ttulo
Ttulo

Ttulo ttulo
ttulo ttulo

O ideal que o ttulo funcione como um guarda-chuva da matria e ocupe toda a extenso
dela. Mas em alguns casos pode ser necessrio diagramar conforme esses dois exemplos
em que o texto no ocupa toda a largura da matria. O maior risco desses dois exemplos
que as colunas de texto da direita colidam com outros textos acima deles. Use com cautela
em casos muito especiais.

Usando fotos de rosto de personagens

Em matrias
verticais os
elementos so
usualmente
dispostos na
seguinte ordem:
foto, legenda,
ttulo e texto.
Essa ordem
corresponde a
ordem que o
olhar deve
percorrer. A
pessoa olha
primeiro a foto,
l o ttulo e
segue para o
texto. Cuidado
se houver
matria antes da
coluna comear,
pois a foto pode
parecer
relacionada
matria de cima.
Nesse caso pode
ser melhor
colocar a foto
entre o ttulo e
o texto

Ttulo Ttulo
Ttulo Ttulo
Ttulo Ttulo

Ttulo Ttulo
Ttulo Ttulo
Ttulo Ttulo

Legenda legenda, legenda, legenda, legenda.

Ttulo Ttulo
Ttulo Ttulo
Ttulo Ttulo

Esse layout viola

um princpio
bsico do
design: evite
interromper
colunas de texto
com elementos
grficos. O leitor
pode achar que
o texto acaba na
foto e que outro
texto continua
embaixo.

Legenda legenda, legenda, legenda, legenda.

Colocar a foto
embaixo do texto
pode ser uma
estratgia para
que a foto superior
no se confunda
com a matria que
est em cima
dessa. No entanto,
ao ficar no final, a
foto pode ser
confundida com
um anncio ou
parecer pertencer
a outra matria
que continua
embaixo.

Legenda legenda, legenda, legenda, legenda.

Usando fotos de rosto de personagens

Se o texto for curto,
opte por dispor o
texto em duas
colunas do lado da
foto. O ttulo, em
cima das colunas de
texto vem em duas
linhas, alinhado na
parte superior foto.

Textos mais longos

podem ocupar mais
colunas. Nesse caso,
o ttulo passa a ser
em uma nica linha.
O ttulo pode ocupar
apenas as colunas de
texto ou ficar em
cima da foto e do
texto.

Ttulo TtuloTtulo
TtuloTtulo Ttulo

Legenda legenda,
legenda, legenda.

Ttulo TtuloTtulo TtuloTtulo ttulo

Legenda legenda,
legenda, legenda.

Usando fotos de rosto de personagens

Se o texto for longo,
a ltima coluna de
texto poder ficar
embaixo da foto.
Essa pequena coluna
de texto deve ter no
mnimo 2,5 cm de
altura.

Ttulo TtuloTtulo TtuloTtulo ttulo ttulo tit

Legenda legenda,
legenda, legenda,

Se a histria falar de
vrios personagens e
for necessrio colocar
as trs fotos, opte por
coloc-las do mesmo
tamanho, criando
uma disposio
equilibrada e esttica.
Repare que as alm
das fotos, todos os
textos embaixo das
fotos so do mesmo
tamanho.

Ttulo TtuloTtulo TtuloTtulo ttulo ttulo tit

Legenda legenda,
legenda, legenda,

Legenda legenda,
legenda, legenda,

Legenda legenda,
legenda, legenda,

Usando fotos de rosto de personagens

Ttulo TtuloTtuloT
tuloTtulo Ttulo

Ttulo
TtuloTt
ulotulo

Legenda legenda,
legenda, legenda.

Ttulo
TtuloTt
ulotulo

Legenda legenda,
legenda, legenda,

timo layout, segue 4 princpios de

diagramao:
O ttulo cobre toda a largura da
matria
Todos os elementos esto
alinhados
H pelo menos 2,5 cm de texto
embaixo da figura
A matria toda tem o formato
quadrado.

Legenda legenda,
legenda, legenda.

Apesar do ttulo no ocupar toda a

largura da matria, esse layout pode
ser interessante para evitar que dois
ttulos se choquem horizontalmente.

Layout arriscado. A foto pode ser

confundida com a matria de cima e
como a primeira coluna de texto
mais baixa que a segunda o leitor
pode ficar em dvida sobre onde
comear a ler.

Usando fotos de rosto de personagens

TtuloTtuloTtulo
ttulo ttulo ttulo tit

Ttulo TtuloTtulo TtuloTt

Citao, citao, citao,
citao, citao, citao,
citao, citao, citao,
citao, citao.
Fulano de Tal

Legenda
legenda.

A foto pode recortar a coluna de texto, mas

preciso tomar cuidado com a largura da
coluna de texto. Se ela for muito estreita ela
atrapalhar a leitura, pois haver muitos
hifens e alto risco de rios no texto. O texto
que resta ao redor da foto dever ter no
mnimo 2,5 cm.

Uma citao junto com a foto pode tornar a

coluna mais atrativa.

Forma do texto e sequncia de leitura

Modelo mais seguro e amplamente

utilizado. O leitor no se perde ao
passar de uma coluna para outra

Formato de texto muito comum

quando se tem anncios. Se esse
no for o caso, evite esse
formato, pois figuras abaixo do
texto perdem fora e podem ser
confundidas com outras matrias
ou passarem despercebidas.

Texto contorna uma foto ou figura

formando um L. Boa legibilidade.

Texto em U quebra massa de

textos uniformes. Cuidado apenas
com a diferena de altura entre as
colunas altas e as baixas, se ela
for muito grande pode dificultar a
leitura.

Formato arriscado de texto! Como a

segunda coluna mais alta que a
primeira o leitor pode achar que o
texto comea na segunda coluna e no
na primeira.

Forma do texto e sequncia de leitura

Evite fazer o leitor dar pulos grandes entre figuras

prensadas entre colunas de texto. Pode funcionar,
mas h alto risco de deixar o leitor confuso.

Formatos irregulares para as matrias

so confusos e atrapalham o leitor.
Evite-os.

Foto horizontal
Ttulo TtuloTtulo ttulo ttulo

A foto dever estar virada para o texto dando

continuidade entre foto e legenda. Se o
personagem olhar para a direita, coloque a foto
esquerda, se ele olhar para a direita, coloque a
foto direita. Evite espelhar a foto! Repare que
no exemplo o nmero 11 e o logo na camisa
denunciam o espelhamento da imagem, um
recurso digital que engana o leitor.

Legenda legenda, legenda, legenda.

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ttulo ttulo

Legenda legenda, legenda, legenda.

O ttulo pode vir tanto do lado da foto quanto em

cima dela e do texto. Vantagens do segundo
caso:
O ttulo conecta melhor foto e texto. Em
pginas com vrias matrias, esse modelo
ajuda a organizar a informao.
O ttulo longo d mais fora para a matria.

Foto horizontal
Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti

O texto contorna a foto formando um L. A foto poderia ser

maior e ocupar 3 colunas. Lembre-se que a coluna de texto
embaixo da foto deve ter altura de no mnimo 2,5 cm.

O texto contorna a foto em trs lados quebrando com a

monotonia de uma grande massa de texto pode gerar.

Foto horizontal
Ttulo TtuloTtulo ttulo
ttulo ttulo ttulo ti

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti

O ttulo ao lado da foto no to eficiente quanto o ttulo

ocupando todas as colunas da matria, mas esse layout
pode ser til para evitar que dois ttulos de matrias se
choquem horizontalmente.

Evite fotos embaixo do texto. O leitor pode relacionar a foto a

matria de baixo ou deixar de olh-la achando que um
anncio.
Figuras no centro quebram a ordem de leitura das colunas
deixando o leitor confuso sem saber onde continuar a leitura.

Foto vertical
Ttulo TtuloTtulo ttulo ttulo ttulo

Ttulo TtuloTtulo ttulo ttulo ttulo

Texto em formato L funciona bem

contornando a foto. Tome cuidado apenas
com o comprimento das duas primeiras
colunas. Se o texto for grande e elas
ficarem muito compridas a massa de texto
pode ficar pesada e cansativa. Considere
colocar um olho na segunda coluna.

Texto em formato U evita que duas

colunas de texto fiquem grandes e pesadas.
Mas tenha cuidado com: 1) as colunas
embaixo da foto, se forem muito baixas
perdero o peso e parecero frgeis; 2) a
diferena de altura entre o fim da terceira
coluna e o incio da quarta, a diferena
grande demais pode prejudicar a leitura.

Foto vertical
TtuloTtuloTtul
o ttulo ttulo
ttulo ttulo ttul

Texto em formato L funciona bem contornando a

foto. Tome cuidado apenas com o comprimento
das duas primeiras colunas. Se o texto for grande e
elas ficarem muito compridas a massa de texto
pode ficar pesada e cansativa. Considere colocar
um olho na segunda coluna.

Ttulo TtuloTtulo ttulo ttulo ttulo

Layout muito usado em capas de cadernos.

Design limpo que enfatiza a fotografia.

Foto vertical
em matrias especiais

TtuloTtulo ttu
Linha fina linha fina linh

TtuloTtulo
ttulo ttulo
Linha fina linha fina
linha fina linha fina
linha fina linha fina
linha fina linha

TtuloTtulo ttu
Linha fina linha fina linh

Layouts possveis em matrias especiais pois precisam vir dentro de um box para que
todos os elementos da matria fiquem agrupados e no se confundam com as matrias
ao seu redor.

Foto vertical grande e horizontal pequena

TtuloTtulotit
ttulo ttulo

TtuloTtulotit
ttulo ttulo

TtuloTtulotit ttulo ttulo ttulo

Colocar a foto
principal e maior
em cima da foto
secundria
uma boa
estratgia.
TtuloTtulotit
ttulo ttulo

A foto menor em
cima da maior s
funciona se as
fotos forem
sequenciais. O
ideal comear
pela foto
principal.

Cuidado apenas com altura das

duas colunas iniciais, pois a
massa de texto pode ficar muito
pesada. Considere colocar um
olho na segunda coluna para
quebrar a massa de texto.

Alm do formato em U , as
legendas das fotos so
colocadas na mesma caixa de
texto. um layout menos
blocado, mas exige cuidado com
relao a passagem da 3 para a
4 coluna.

Foto vertical grande e horizontal pequena

TtuloTtulotit ttulo tit

TtuloTtulotit
ttulo ttulo

timo layout para textos curtos.

Uma variao possvel seria diminuir
a foto menor e colocar uma legenda
nica entre as fotos.

TtuloTtulotit
ttulo ttulo

Layout flexvel no que diz respeito ao

tamanho do texto, pois as colunas
podem aumentar ou diminuir de
tamanho facilmente.

TtuloTtulotit ttulo ttulo ttulo t

Para textos longos ou com fotos grandes que direcionam o

olhar para a direita. Uma coluna extra pode ser adicionada.

Um dos layouts mais comuns. A nica

restrio para o seu uso que a foto
maior no pode direcionar o olhar para a
direita.
TtuloTtulotit ttulo ttulo ttulo t

Lembre-se de que as fotos devem ter tamanhos diferentes

ou elas competiro a liderana.

Foto horizontal grande e vertical pequena

As fotos podem ser colocadas
lado a lado se voc tiver
trabalhando com toda a largura
da pgina. Mas o layout fica um
tanto quanto blocado e as
legendas se encontram, o que
no bom.
TtuloTtulotit ttulo ttulo ttulo ttulo ti

TtuloTtulotit ttulo ttulo ttulo ttulo ti

TtuloTtulotit ttulo ttulo ttulo ttulo ti

Duas opes para usar

fotos lado a lado e no
ter choque de legendas.
Colocar a legenda entre
as fotos ou embaixo da
foto menor. Repare que
a legenda sempre
alinhada embaixo com a
foto maior.

Foto horizontal grande e vertical pequena

TtuloTtulotit ttulo ttu lo ttulo ttulo

TtuloTtulotit ttulo ttu

lo ttulo ttulo ttulo ttu

Layout limpo e comum. Todos os elementos

tm formato retangular. Outra opo seria
colocar a foto menor do lado esquerdo.

Texto em L contornando a foto com ttulo

extenso. Uma variao possvel desse layout
seria colocar a foto mais para o centro.

Foto horizontal grande e vertical pequena

TtuloTtulotit ttulo ttu lo ttulo ttulo

TtuloTtulotit ttulo ttu lo ttulo ttulo ttulo

O texto tem o formato de uma escada. Esse

layout funcional para textos muito longos
em grid de 5 colunas.

O texto tem o formato de uma escada e

simtrico. Esse layout funcional para textos
muito longos em grid de 6 colunas.

Foto horizontal grande e vertical pequena

TtuloTtulotit ttulo ttu

A foto menor do tamanho de

uma coluna mostra um detalhe.
Cuidado com o tamanho dos
objetos na foto pequena para
que eles permaneam visveis.

Fonte: HARROWER, Tim. The newspaper designers handbook. 6th ed. New York, 2008.