20 regras para uma Tipografia brilhante — Parte 2

por edraant em 23/02/2009

em Tipografia

Esta é a segunda parte do texto sobre a con­fi­gu­ra­ção que cos­tumo usar no Inde­sign antes (e durante) de avan­çar para qual­quer tipo de trabalho.

11. Jus­ti­fi­ca­ção hori­zon­tal

A jus­ti­fi­ca­ção hori­zon­tal é algo que se vai buri­lando ao longo dos anos. Permite-me fazer res­pi­rar ou sufo­car o espaço entre pala­vras, entre letras, ou sim­ples­mente, um arranjo grá­fico muito particular.

Tenham em aten­ção que cada fonte tem o seu pró­prio mapa de espa­ços entre carac­te­res e pala­vras. É cri­ada para fun­ci­o­nar opti­ca­mente e com a maior legi­bi­li­dade pos­sí­vel. No entanto, mesmo as fon­tes pro­fis­si­o­nais não são per­fei­tas, podendo ser cada um nós um ”aper­fei­ço­a­dor” de uma fonte já de si bela.

No exem­plo a seguir, mos­tro um texto com os valo­res por defeito no Let­ter Spa­cing atri­buí­dos no Inde­sign (0%, 0%, 0%), e após a alte­ra­ção desse mesmo campo para valo­res nega­ti­vos (-5%, –5%. –5%).

Repa­rem na dis­tân­cia mais redu­zida entre os carac­te­res repre­sen­ta­dos a encarnado.

typo_24

Tal como o Let­ter Spa­cing, o Word Spa­cing é dinâ­mico, actu­ando à medida que os carac­te­res se apro­xi­mam do final da coluna.

Nos dois exem­plos seguin­tes, o espaço entre pala­vras, nor­mal­mente com a medida da lar­gura da letra ”i”, poderá ser alte­rado, uti­li­zando valo­res acima ou abaixo dos espe­ci­fi­ca­dos no qua­dro Jus­ti­fi­ca­tion.

typo_25

Abaixo, já depois de alte­rado, é visí­vel a difi­cul­dade de lei­tura do segundo bloco de texto, depois da alte­ra­ção do Word Spa­cing para valo­res negativos.

typo_26

O qua­dro Jus­ti­fi­ca­tion encontra-se no fim da Palete Con­trol, no sub-menu, e só se encon­tra activo com o texto ou a fer­ra­menta de texto seleccionada.

12. Hife­ni­za­ção

Mui­tos dos cri­mes tipo­grá­fi­cos encontram-se na hife­ni­za­ção usada: dentes-de-cavalo, linhas sequen­ci­ais hife­ni­za­das, últi­mas pala­vras do pará­grafo a hife­ni­zar, etc.

É no qua­dro Hyphe­na­ti­ons Set­tings que posso (e devo) alte­rar os parâ­me­tros, tendo em aten­ção a lar­gura da coluna, o corpo da letra e a fonte.

typo_27

O qua­dro Hyphe­na­tion Set­ting encontra-se no fim da Palete Con­trol, num sub-menu, e só se encon­tra activo com o texto ou a fer­ra­menta de texto seleccionada.

13. Itá­li­cos vs Obli­ques vs fal­sos itá­li­cos

A boa esco­lha de um itá­lico é impor­tante para enfa­ti­zar pas­sa­gens do texto, defi­nir hie­rar­quias tipo­grá­fi­cas, ou para alte­rar o Gray value do texto a paginar.

O exem­plo abaixo, usado a fonte Bas­ker­ville, mos­tra na pri­meira linha, o peso Romano, na segunda o Itá­lico, e na ter­ceira uma alte­ra­ção arti­fi­cial do Romano.

A dife­rença entre uma itá­lica e uma obli­que é na cri­a­ção da fonte: enquanto as itá­li­cas são cri­a­das de raíz (notem a dife­rença entre o ”a” da Romana e o Itá­lico), as obli­ques são fal­sas itá­li­cas que podem ir de 3 a 20° da incli­na­ção das Roma­nas originais.

typo_28

Ainda den­tro das obli­ques, con­si­dero duas correntes:

  1. Fonte digi­tal recri­ada a par­tir da fonte Romana
  2. Ine­xis­tên­cia de fonte obli­que (por exem­plo a fonte Metro), usando as incli­na­ções arti­fi­ci­ais que o Inde­sign ou o QuarkX­Press permitem.

O Skew (falso itá­lico), encontra-se na Palete Con­trol.

typo_29

14. Hífens, tra­ves­sões, meios travessões

Uma boa cla­reza tipo­grá­fica é fun­da­men­tal, daí que cos­tumo usar tra­ves­sões e meios tra­ves­sões con­so­ante o tipo de texto a tratar.

Tenho o hábito de usar paren­te­sis, mas seriam muito bem subs­ti­tuí­dos pelo tra­ves­são, que não é só para usar na aber­tura de um dis­curso directo. Nunca usem o duplo hífen para simu­lar um traço maior, como é mos­trado abaixo.

Tam­bém existe o hábito de colo­car um hífen entre duas datas. O mais cor­recto é um meio tra­ves­são; os núme­ros não pare­cem um com­boio e res­pi­ram melhor.

typo_30

Em Mac, para usar o tra­ves­são, usar Alt + hífen.

Para usar o meio tra­ves­são, usar Alt + Shift + hífen.

15. Ali­nha­men­tos tabulares

Em tabe­las, e nome­a­da­mente em rela­tó­rios de con­tas, tenho sem­pre a pre­o­cu­pa­ção de fazer ali­nha­men­tos deci­mais, per­cen­tu­ais, ou por qual­quer outro carac­ter que seja pertinente.

As tabe­las em Inde­sign são muito inte­res­san­tes e fun­ci­o­nais, mas para este tipo de Tipo­gra­fia, uso as Tabs.

As vír­gu­las ali­nham pelas vír­gu­las, a per­cen­ta­gem ali­nha pela per­cen­ta­gem, os pon­tos ali­nham pelos pon­tos, etc.

A lei­tura ver­ti­cal fun­ci­ona muito melhor com ali­nha­men­tos do mesmo carac­ter, mesmo que des­cen­tra­dos den­tro da lar­gura da célula.

typo_32

As Tabs encontram-se no Menu Type > Tabs.

typo_31

16. Números tabu­la­res e núme­ros de texto

Sou com­ple­ta­mente faná­tico por núme­ros de texto, quando a fonte o per­mite. Neste caso, o Cha­par­ral Pro tem um mapa com­pleto para núme­ros de texto.

Durante os sécs. XIX e XX os núme­ros de texto pra­ti­ca­mente desa­pa­re­ce­ram da Tipo­gra­fia pro­fis­si­o­nal. Feliz­mente, estão a ser recu­pe­ra­dos, ainda que len­ta­mente. Chamam-se assim por­que são usa­dos num fluxo de texto.

No exem­plo abaixo, mos­tro 95% do que é comum usar-se em com­po­si­ção. Os núme­ros estão ali no meio do texto a ”gri­tar”, fazendo des­viar a aten­ção do resto da infor­ma­ção apresentada.

typo_34

Desta vez, o mesmo texto, usando núme­ros de texto. Repa­rem que os núme­ros não agri­dem as letras, tor­nando muito mais suave a leitura.

Os núme­ros de texto têm este aspecto por­que imi­tam as has­tes ascen­den­tes ou des­cen­den­tes dos carac­te­res. Repa­rem que o número ‘‘2’’ tem a mesma altura da letra ”e” Já o ‘‘5’’ desce até à haste des­cen­tende da letra ”p”.

typo_35Os núme­ros de texto, quando exis­ten­tes na fonte, encontram-se no final da Palete Con­trol, sub-menu Open Type > Pro­por­ti­o­nal Oldstyle.

typo_36

17. Superscript/Subscript

Os núme­ros ele­va­dos (supers­cript) ou rebai­xa­dos (subs­cript) são mui­tas vezes, alte­ra­ções arti­fi­ci­ais do caracter.

Na pri­meira linha, colo­quei um subs­cript auto­má­tico, na segunda usei o mapa de carac­te­res do Cha­par­ral Pro.

Repa­rem no peso do ‘‘2’’ nos dois exem­plos. No pri­meiro exem­plo parece que a fonte é mais fina, já no segundo, o ‘‘2’’, ape­sar de redu­zir de tama­nho, man­tém a mesma con­sis­tên­cia que o corpo principal.typo_38

Para alte­rar a des­lo­ca­ção e tama­nho do subs­cript do pri­meiro exem­plo, abrir as Pre­fe­rên­cias, tab Advan­ced Type, e alte­rar os valo­res nos cam­pos Size e Posi­tion.

typo_39

Depois apli­car o res­pec­tivo subs­cript na Palete Con­trol, onde está situado.

typo_37

No caso da segunda linha do exem­plo, basta digi­tar o número ‘‘2’’ nor­mal­mente, e ir ao final da Palete Con­trol, sub-menu Open Type > Subscript/Inferior.

typo_40

18. Ali­nha­men­tos ópti­cos.

Para não me repe­tir, já escrevi sobre este tópico aqui.

19. Base­line Grid.

Todos os docu­men­tos obe­de­cem a uma estru­tura. Den­tro dessa estru­tura é de muito bom tom usar (excepto impos­si­bi­li­da­des) o Base­line Grid.

Esta fun­ção per­mite que o texto seja atraído para uma gre­lha de guias, fazendo que a lei­tura hori­zon­tal em várias colu­nas esteja per­fei­ta­mente alinhada.

typo_42

Para per­so­na­li­zar a Base­line Grid, Pre­fe­rên­cias, tab Grids.

typo_43

Para acti­var a Base­line Grid em texto, ir à Palete Con­trol e acti­var o segundo campo.

typo_44

20. Sejam ima­gi­na­ti­vos.

Se con­se­gui­ram ler isto tudo, estão de parabéns!

O último tópico é sobre vocês, que têm todas as fer­ra­men­tas para fazer a mais bela Tipo­gra­fia que possa exis­tir. O resto, é paixão.

Boas regras.

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

1 Mário Brito 02/03/2009 ás 16:26

Para­béns.
Este é um site útil e onde as expli­ca­ções são abso­lu­ta­mente cla­ras.
Sigam em frente.

Cum­pri­men­tos

Mário Brito

2 Cláudia Jaleco 08/05/2009 ás 12:32

Fiquei fã deste site. Des­co­bri aqui fun­ci­o­na­li­da­des do pro­grama que nem ima­gi­nava que exis­tiam.
Acho que quando tiver dúvi­das virei aqui pedir uma ajuda.

Cum­pri­men­tos
Cláu­dia Jaleco

3 edraant 08/05/2009 ás 18:41

Olá Cláu­dia,
Podes “apa­re­cer” as vezes que qui­se­res.
Obrigado!

4 Tiago Capristano 18/06/2009 ás 23:40

Obri­gado, aprendi umas coi­sas que não sabia que não sabia.
Bom site.

5 edraant 21/06/2009 ás 12:46

Obri­gado Tiago.

6 José 17/07/2009 ás 02:26

Para­béns. Exce­len­tes arti­gos.
Aprendi mais neste texto que em mui­tos tutoriais.

Será um site muito útil na minha ini­ci­a­ção ao Indesign.

7 edraant 17/07/2009 ás 06:46

José, that’s the spi­rit :)
Abraço!

8 Luís Galrão 18/02/2010 ás 00:53

Estou a apro­fun­dar conhe­ci­men­tos neste mundo e estas dicas são fun­da­men­tais. Exce­lente trabalho!

9 Geiras 17/03/2010 ás 03:54

Estar num curso de Design Grá­fico e ter este site quando se começa a estu­dar o InDe­sign é muito bom… Já lido com Inde­sign há dois anos e apa­rece sem­pre um novo post que me sur­pre­ende… Edu­ardo, fica aqui um con­se­lho de outro Edu­ardo: não pares!
Abraço!

10 edraant 17/03/2010 ás 12:25

Viva Edu­ardo,
Qual é a escola? :)
Abraço e obrigado!

11 Alessandro 09/04/2010 ás 02:34

Caro amigo, a 1 ano migrei do quark para o Inde­sign, cada vez mais sou fas­ci­nado pelo ID, e pes­qui­sando em site como o seu que con­sigo alimentar-me cada vez mais dos seus recur­sos, con­ti­nue assim! parabens!

Deixar um comentário

Post Anterior: 20 regras para uma Tipografia brilhante — Parte 1

Post Seguinte: Isto não faz #2 — PDF vs Postscript