diagramação jornal

Ttulos de Matrias

Ttulo:

Ttulo: TtuloTtulo

TtuloTtulo TtuloTtulo TtuloTtulo TtuloTtulo

Ttulo: TtuloTtulo TtuloTtulo Ttulo

Ttulo ttulo ttulo

Tamanho do ttulo

Quantas Linhas de 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

Quantidade de colunas ocupadas pelo ttulo:

Quantidade de linhas de ttulo:

6 1

5 1

4 1

3 1-2

2 2-3

1 3-4

Legendas

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.

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.

Normalmente, cada foto tem uma legenda, mas podem haver casos em que duas fotos compar-tilham a mesma legenda. Nesse caso a legenda pode ficar entre as fotos. Tome o cuidado de ali-nhar as fotos e a legenda na parte superior e infe-rior e justificar o texto para que ele fique alinha-do dos dois lados.

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.

Histrias sem arte

Priorizar o formato retangular nas matrias.

Ttulo Ttulo Ttulo t-tulo Ttulo Ttulo Ttul

Ttulo Ttulo Ttulo Ttulo Ttulo Ttulo

Ttulo Ttulo Ttulo Ttulo Ttulo

Histrias sem arte

Priorizar o formato retangular nas matrias.

Ttulo TtuloTtulo TtuloTtulo 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


Legenda legenda, legen-da, legenda, legenda.





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.

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.

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.

Usando fotos de rosto de personagens

Ttulo TtuloTtulo TtuloTtulo Ttulo

Legenda legenda, legenda, legenda.

Ttulo TtuloTtulo TtuloTtulo ttulo


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 ttulo tit

Legenda legenda, legenda, legenda,

Ttulo TtuloTtulo TtuloTtulo ttulo ttulo tit




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.

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 TtuloTtuloT tuloTtulo Ttulo


Ttulo TtuloTtulotulo


Ttulo TtuloTtulotulo



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.

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.

TtuloTtuloTtulo ttulo ttulo ttulo tit

Legenda legenda.

Ttulo TtuloTtulo TtuloTt

Citao, citao, citao, citao, citao, citao, citao, citao, citao, citao, citao.

Fulano de Tal


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

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 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.

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

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.

Ttulo TtuloTtulo ttulo ttulo


Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ttulo ttulo


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.

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti

Foto horizontal

O texto contorna a foto em trs lados quebrando com a monotonia de uma grande massa de texto pode gerar.

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.

Ttulo TtuloTtulo ttulo ttulo ttulo ttulo ti


Foto horizontal

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.


Ttulo TtuloTtulo ttulo ttulo ttulo

Foto vertical


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

TtuloTtuloTtulo 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.

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 ttu Linha fina linha fina linh TtuloTtulo

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

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 ttulo

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

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.



TtuloTtulotit ttulo tit

TtuloTtulotit ttulo ttulo ttulo t TtuloTtulotit ttulo ttulo ttulo t

Foto vertical grande e horizontal pequena

timo layout para textos curtos. Uma variao possvel seria diminuir a foto menor e colocar uma legenda nica entre as fotos.

Layout flexvel no que diz respeito ao tamanho do texto, pois as colunas podem aumentar ou diminuir de tamanho facilmente.

Um dos layouts mais comuns. A nica restrio para o seu uso que a foto maior no pode direcionar o olhar para a direita.

Para textos longos ou com fotos grandes que direcionam o olhar para a direita. Uma coluna extra pode ser adicionada.

Lembre-se de que as fotos devem ter tamanhos diferentes ou elas competiro a liderana.

Foto horizontal grande e vertical pequena

TtuloTtulotit ttulo ttulo ttulo ttulo ti

TtuloTtulotit ttulo ttulo ttulo ttulo ti TtuloTtulotit ttulo ttulo ttulo ttulo ti

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.

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.


TtuloTtulotit ttulo ttu lo ttulo ttulo ttulo ttu

TtuloTtulotit ttulo ttu lo ttulo ttulo

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.


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.


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.

diagramação jornal

Documents