A grande viagem pelo Baseline Grid

por edraant em 27/02/2010

em Grandes viagens, Guias, Layout, Tipografia, Óptica

Façam o favor de abrir uma revista ou um livro que con­te­nha mais do que uma coluna. Agora encos­tem a cabeça à mar­gem exte­rior da revista, olhando para den­tro dela. Repa­rem no texto. Este está ali­nhado ao longo de cada coluna como se fosse uma fila bem orde­nada? Para­béns, aca­ba­ram de des­co­brir o Base­line Grid, um dos San­tos Gra­als, senão mesmo o Santo Graal do layout.

O Base­line Grid é uma gre­lha ima­gi­ná­ria onde repousa o texto. Esta gre­lha faz com que o texto não fique desa­li­nhado ver­ti­cal­mente em rela­ção ao resto do layout.

Baselinegrid_1

Por defeito, o texto colo­cado numa página nunca está ali­nhado à Base­line Grid, acon­te­cendo mui­tas vezes desa­li­nha­men­tos ver­ti­cais entre colunas.

Baselinegrid_3

A coisa ainda piora quando existe texto com outro corpo e entre­li­nha, ou mesmo títu­los que não estão ali­nha­dos por esta gre­lha imaginária.

Baselinegrid_4

Agora que se per­ce­beu o con­ceito, vamos ver como con­fi­gu­rar e veri­fi­car as várias for­mas de apli­car o Base­line Grid.

O Base­line Grid é defi­nido com base na entre­li­nha do texto.

No layout apre­sen­tado, pretende-se que este tenha 82 linhas de altura, mas o texto (corpo 8, entre­li­nha 9) não ter­mina na man­cha gráfica.

Baselinegrid_5

A página tem este aspecto, e como se pode veri­fi­car, os desa­li­nha­men­tos ver­ti­cais são notó­rios, assim como o iní­cio do título e o lead a ver­me­lho.

Baselinegrid_6

Este layout está espe­ci­fi­cado com as mar­gens mos­tra­das. Aqui o que vai con­tar é a mar­gem supe­rior (Top) onde se vai defi­nir o iní­cio do Base­line Grid.

Baselinegrid_7

Vamos então às Pre­fe­rên­cias (Cmd + K), e selec­ci­o­nar a tab Grids.

O campo Start indica o iní­cio do Base­line Grid. O valor atri­buído está rela­ci­o­nado com o segundo campo, Rela­tive To, em que está espe­ci­fi­cado Top of Page. Isto sig­ni­fica que o Base­line Grid começa a 20 mm a par­tir do topo da página. E 20 mm é pre­ci­sa­mente o valor que está atri­buído na mar­gem supe­rior da man­cha de texto.

É no campo Incre­ment Every que está o “cora­ção” do Base­line Grid. O incre­mento desta gre­lha deve ser igual à entre­li­nha usada.

Se usar um incre­mento supe­rior à entre­li­nha (por exem­plo, 11 pon­tos), cada linha de texto apli­cada ao Base­line Grid não ficará a 9 pon­tos nem a 11. Como o Base­line Grid fun­ci­ona com o valor exacto ou múl­ti­plos da entre­li­nha, o texto final ficará a 18 pon­tos de entre­li­nha (9 + 9) e não os 11 pon­tos atri­buí­dos na entre­li­nha, mesmo que na Palete Con­trol a infor­ma­ção apre­sen­tada seja de 9 pt.

Baselinegrid_8

Tam­bém é pos­sí­vel defi­nir o começo do Base­line Grid no iní­cio da man­cha de texto. Nesse caso o campo Start começa a 0 e é rela­tivo à mar­gem supe­rior (Top Mar­gin).

Baselinegrid_9

Exis­tem 2 for­mas de apli­car o Base­line Grid.

A pri­meira é atra­vés da Palete Con­trol, em que se selec­ci­ona o pará­grafo pre­ten­dido e se aplica o Base­line Grid.

Baselinegrid_10

A segunda (e a mais cor­recta) é apli­car o Base­line Grid a Para­graph Sty­les. Na tab Indents and Spa­cing, o campo Align to Grid per­mite apli­car todas as linhas do pará­grafo ao Base­line Grid (All Lines) ou ape­nas a pri­meira linha do pará­grafo (First Line Only).

Baselinegrid_11

Como se pode veri­fi­car, todo o texto (incluíndo sub­tí­tu­los e título) está ali­nhado ao Base­line Grid.

Baselinegrid_12

O InDe­sign tam­bém per­mite a uti­li­za­ção do Base­line Grid per­so­na­li­zado. Isto sig­ni­fica que posso uti­li­zar vários Base­line Grid na mesma página.

Baselinegrid_13

Para defi­nir o Base­line Grid loca­li­zado, Menu Object > Text Frame Opti­ons (Cmd + B) e selec­ci­o­nar a tab Base­line Options.

Acti­var o Use Cus­tom Base­line Grid e espe­ci­fi­car o começo deste e a posi­ção, rela­tiva à página, à man­cha de texto, ao topo da caixa, ou à iden­ta­ção inte­rior da caixa (Top Inset). Não esque­cer tam­bém de apli­car o res­pec­tivo incre­mento, igual à entre­li­nha usada.

Baselinegrid_14

Depois é o com­por­ta­mento nor­mal. Apli­car a um Para­graph Style (criem um novo) no mesmo local: Indents and Spa­cing, Align to Grid, All Lines.

Baselinegrid_15

Con­clu­são: não há layout bri­lhante sem o (bom) uso do Base­line Grid.

Bons Grids.

{ 4 comentários… lê-los a seguir ou adicionar um }

1 L.Galrao 02/03/2010 ás 15:00

Mais um bom post, pena só con­se­guir ler hoje. Mas ainda vem a tempo para algu­mas cor­rec­ções na pró­xima edi­ção… Abraço.

2 Carlos A Borghi 20/05/2010 ás 19:58

Olá EDRAANT, gos­ta­ria de agradecê-lo pelas exce­len­tes dicas que você pos­tou aqui. Sou humilde em admi­tir que até hoje nunca havia tra­ba­lhado com grids.

Mas assim como no ditado diz “Antes tarde do que nunca”, estou em busca deste aprendizado.

Obri­gado.
Carlos

3 Marcos Fernandes 09/06/2010 ás 17:57

Caro(a) amigo(a),

Tra­ba­lho com dia­gra­ma­ção no “Corel Ven­tura” já a bas­tante tempo. Entre­tanto, a licença do pro­grama é muito cara e as empre­sas não estão usando mais, com isso estou par­tindo para InDe­sign e estou fazendo curso de InDe­sign CS5, e já pas­sei pelas Grids. Toda­via, como temos várias infor­ma­ções bom­bar­de­ando nossa mente, tudo ao mesmo tempo, sem­pre fica uma infor­ma­ção impor­tante per­dida.
E achar essa infor­ma­ções aqui con­tida foi de grande importância.

Quero dei­xar regis­trado que vou usar sua pos­ta­gens como mate­rial de apoio para ganhar conhe­ci­mento sobre esse pro­grama “InDe­sign” que che­guei a olhar com maus olhos e que agora estou adorando!!!!

Obri­gado!!!!!

4 edraant 16/06/2010 ás 12:37

Caros,
Ainda bem que assim é. “Sirvam-se” que é para isso que este blog existe.
Abraço!

Deixar um comentário

Post Anterior: Indesign Tip #28

Post Seguinte: Usar o GREP Style para evitar palavras isoladas no final do texto