Design de Comunicao III

Curso de Design de Comunicao

Escola Superior de Educao
Universidade do Algarve
2009-10
ano lectivo 2008_09

*
Princpios Tipogrficos

A. Regras Tipogrficas:
tipo texto pgina geral
1. "A tipografia existe para honrar o contedo"
2. "As letras tm personalidade e dignidade prprias"
3. "Existe um estilo (personalidade) para alm do estilo tipogrfico"
4. "Leia o texto antes de o "moldar graficamente"
5. "Descubra a lgica exterior da tipografia na lgica interna do texto"
6. "Torne a relao visvel entre o texto e outros elementos (fotografias, tabelas, diagramas,
notas) uma reflexo da sua relao real"
7. "Escolha um desenho tipogrfico (typeface) ou um grupo deles (famlia tipogrfica) que
honre e elucide o carcter do texto"
8. "D forma pgina e s margens que envolvem a rea tipogrfica, de modo a que honre e
revele cada elemento, cada relao entre elementos e cada nuance lgica do texto"
9. "D completa ateno tipogrfica a qualquer detalhe"
10. "Defina o espao de palavra de modo a que se adeqe ao corpo e proporo de fonte"
11. "Escolha um corpo confortvel"
12. "Use um nico espao entre palavras em todas as frases (linhas de texto)"
13. "Espaceje conjuntos de caixas-altas, small caps e conjuntos de dgitos"
14. "No espaceje caixa-baixa sem um forte motivo"
15. "Espao entre letras (kerning): consistente e modesto"
16. "No altere a largura e a forma das letras sem um forte motivo"
17. "Nunca estique o espao entre letras, nem entre palavras, at que quebre"
18. "Escolha uma medida para o leading (espao entre linhas), que se adeqe typeface, ao
texto e ao corpo"
19. "No sufoque a pgina"
20. "Justifique os pargrafos Esquerda"
21. "Em texto contnuo, defina todos os pargrafos com uma entrada na caixa de texto"
22. "Acrescente mais espao entre as linhas curtas e depois de citaes em bloco"
23. "Idente ou centre citaes em verso"
24. "Em linhas que terminam com hifenizao, deixe pelo menos 2 caracteres atrs e pelo
menos 3 para diante"
25. "Evite deixar qualquer parte de um palavra hifenizada ou uma palavra com menos de 4
letras, na ltima linha de um pargrafo"
26. "Evite mais do que 3 linhas hifenizadas consecutivas"
27. "No hifenize nomes prprios. Faa-o apenas como ltimo recurso, a menos que aparea
com frequncia de nome comuns"
28. "Hifenize de acordo com as convenes de linguagem"
29. "Evite iniciar mais que 2 linhas consecutivas com a mesma palavra"
30. "Nunca inicie uma pgina com a ltima linha de um pargrafo de vrias linhas"
31. "Abandone todas e quaisquer regras de hifenizao e paginao, se estas falham em servir as
necessidades do texto"
32. "No inicie a composio tipogrfica da pgina sem uma escala (de tamanhos)
33. "No use uma fonte que no necessite"
34. "No atulhe o fundo (da pgina)"
35. "Torne a pgina titular um smbolo da dignidade e da presena do texto"

36. "No permita que os ttulos oprimam o texto"

37. "Organize os contedos e as aberturas, de modo a que contribuam para o efeito
compositivo total"
38. "Utilize os nveis de ttulos de acordo com as necessidades do texto - nem mais nem
menos"
39. "Se o texto incluir notas, escolha a forma que mais se adeqe para as representar"
40. "Construa as tabelas com a mesma ateno dada ao texto, e organize-as como texto para ser
lido"
41. "Organize as listas e colunas de numerao justificadas direita ou casa dcimal"
42. "Utilize parntesis e parntesis rectos romanos, mesmo que o texto seja em itlico"
43. "Considere o meio para o qual a typeface foi originalmente desenhada"
44. "Quando utilizar adaptaes digitais de fontes tipogrficas, escolha as que so mais fiis ao
esprito inicial"
45. "Escolha fontes que sobrevivam, e se possvel prosperem, s condies de impresso"
46. "Escolha fontes que se adeqem ao papel onde se pretende imprimir, ou escolha o papel
que se adeqe s fontes"
47. "Escolha fontes/tipos que se adeqem tarefa, tal como ao contedo"
48. "Escolha uma fonte cujos ecos e associaes histricas estejam em harmonia com o texto"
49. "Permita ao tipo que fale o seu idioma natural"
50. "Escolha tipos cujo esprito individual e carcter esteja em consonncia com o texto"
51. "Comece com uma nica famlia tipogrfica"
52. "Respeite a identidade do roman (romano), itlico e small caps (pequenas capitulares)"
53. "Escolha tipos para os cabealhos e ttulos, que reforcem a estrutura do tipo seleccionado
para o texto"
54. "Combine a continuidade da tipografia com a continuidade do pensamento"
55. "Equilibre o tipo opticamente, mais do que matematicamente"
56. "Para criar hierarquia, use apenas caracteres que sejam visualmente distintos"
57. "No misture fontes ao acaso, quando tipos especializados so requeridos"
58. "Escolha a sua biblioteca de fontes devagar e bem"
59. "Escolha propores de pgina satisfatrias (evite formas arbitrrias)"
60. "Escolha as propores da pgina que se adeqem ao contedo, tamanho e ambio de
publicao"
61. "Escolha a proporo de pgina e de coluna cujas associaes histricas se adeqem
inteno geral"
62. "Se for suposto que o texto tenha uma leitura contnua, organize as colunas claramente
mais altas que largas"
63. "Pense nas margens aquando da concepo do conjunto de pginas"
64. "Evidencie o caminho do leitor"
65. "Utilize uma gradao modular, se necessitar de subdividir a pgina"
66. " Ajuste a tipografia aos espaos, dentro do bloco de texto, utilizando incrementos
tipogrficos"
67. "Se o texto for lido no ecr, conceba-o para esse meio"
68. " Siga o trabalho, mesmo na impresso"
69. " Chame a tipografia pelo seu nome"

B. Legibilidade
"A legibilidade em tipografia consiste nos atributos visuais que tornam legvel a tipografia"
Ela surge da relao harmoniosa de uma srie de elementos determinados pelas opes do
Designer, quer ao nvel da letra, da relao entre letras, entre palavras, entre linhas, colunas de
texto, rea tipogrfica, dimenso e proporo dos espaos brancos (margens) e proporo e
tamanho da pgina.
O esprito da tipografia deve honrar o contedo do texto: Antes de mais deve-se conhecer o
contedo do texto, pois a tipografia deve ser escolhida para ser o seu reflexo.
1. A eleio da tipografia
1.1 Proporo largura do trao / tamanho espao interno
O primeiro passo para conceber um texto legvel tomar a opo de um tipo aberto e bem
proporcionado, com regularidade no desenho de letra, cujo esprito se adeqe ao contedo do
texto e cujas associaes histricas no contrariem o dito contedo.
Caracteres com irregularidade e "excesso de carga estilstica no so adequados para texto
corrido, poder-se-o, todavia, utilizar em elementos mais breves como ttulos.
1.2 Escolher uma letra serifada que se adeqe a texto corrido
Pois as serifas aproximam as letras umas s outras permitindo uma leitura mais contnua em
termos de mancha negra.
1.3 Utilizar uma letra com altura-x elevada (mais luz)
1.4 Escolher um tipo com Peso Regular
Evitar os ultra light e extra-black
1.5 Escolher uma largura regular
Evitar o ultra-condensado e expandido. A leitura ideal faz-se com largura mdia, embora estas
opes devam sempre estar de acordo com o esprito do texto.
1.6 Escolher um corpo confortvel leitura de texto corrido
A medida escolhida oscilar entre o 8 e o 11 (depende tambm dos tipos). Um corpo demasiado
grande ou demasiado pequeno causa cansao.
1.7 Deve ter-se, portanto, uma famlia tipogrfica: determinar uma hierarquia tipogrfica para
uma hierarquia de contedo (ttulos, subttulos, notas, texto, etc.)
Que permitir variaes de hierarquia com ttulos, sub-ttulos, notas, etc.; uma escala de
medidas e uma variao de estilos.
Pode utilizar-se as variaes de Postura (Roman, Itlico, Oblquo) e Estilos.

Grupos de hierarquia:
1- Caixa-baixa romano
2- Caixa-alta romano
Caixa-baixa itlico
Small caps romano
3- Caixa-alta itlico
Small caps oblqua
Caixa-baixa bold
4- Caixa-alta bold
Small caps bold
Caixa-baixa itlico bold
5- Caixa-alta itlico bold
Exemplo:
Typeface: Garamond Condensed light (varia peso)
Famlia: Garamond
Garamond Condensed (varia largura e proporo)
Garamond Narrow (varia largura e proporo)

2. A relao da letra com outros elementos

2.1 Espao entre letras (kerning)
Este espao deve ser consistente e modesto: nunca esquecer que, na leitura, a unidade a
palavra.
Definido em funo das propores da letra e do corpo do tipo seleccionado para a paginao.
2.2 Espao entre palavras
Manter sempre o mesmo espao entre as palavras, em todas as linhas.
2.3 Longitude de linha/largura de coluna de texto
As linhas demasiado longas ou demasiado curtas cansam o leitor e destroem o ritmo da leitura.
As largas tornam a leitura enfadonha, enquanto que nas curtas, a ideia do texto fica
fragmentada (com as vrias mudanas de linha).
A regra prestar ateno ao nmero mximo de caracteres por linha entre 45 e 75 (7 a 10
palavras/linha).
A linha de 66 caracteres (contando com letras, pontuao e espaos) considerada a ideal, para
uma pgina com nica coluna, com tipo serifado num corpo para texto corrido.
A longitude da linha define tambm a largura da coluna.

A largura das colunas depende do tamanho da letra e da quantidade de texto

Para mltiplas colunas, a mdia entre 40 e 50 caracteres.
2.4 Espao entre linha (leading)
As entrelinhas, tal como as linhas, tambm afectam a rea tipogrfica, logo a legibilidade do
texto.
Linhas colocadas muito prximas ou afastadas prejudicam o ritmo de leitura produzindo um
empastamento visual (mistura das linhas), o que causa cansao no leitor.
Linhas muito afastadas dificultam o encadeamento das ideias, produzindo quebras na leitura e
fadiga no leitor.
Entrelinhas correctas: promovem-se a estabilidade, permitindo uma leitura fluida e constante.
"A distncia correcta das entrelinhas dos factores mais importantes para a obteno duma
rea harmnica e funcional, esteticamente agradvel e duradoura."
A entrelinha est intimamente ligada com a escolha tipogrfica e com o corpo seleccionado,
pois da relao entre essas escolhas com o espao entre palavras e com o kerning que surgir a
cor do texto.
(o valor cromtico e homogneo da mancha tipogrfica- o chamado cinzento ideal)
As fontes Garamond e Bodoni necessitam de diferentes leadings.
Jan Tschichold: Segundo este tipgrafo e designer, livros com menos espao de entrelinha
necessitam de tipos mais antigos (Old Roman) e livros com leading amplo, um tipo mais
jovem
O leading depende tambm da largura das margens:
Leading mais amplo => necessita de margens mais largas para que a mancha sobressaia.
Linhas mais longas = mais Leading
Textos longos necessitam de mais entrelinha, mas tambm de que o texto seja dividido em
pargrafos, separados com uma linha de espao de intervalo.
Concluso:
Deve alcanar-se uma relao harmoniosa entre corpo, espao entre letras, espao entre
palavras, longitude de linha e entrelinha, de modo a atingir a mancha tipogrfica ideal: um
equilbrio. Assim a rea tipogrfica viver como um elemento uno. Estes elementos devem
coabitar em estreita relao com as propores da pgina, devendo ajustar-se uns aos outros.

3. Organizao dos elementos na pgina

3.1 Escolher as propores e formato da pgina que se adeqe ao contedo do texto e da
publicao.
Cada texto implica uma juno diferente, para pblicos diferentes, em situaes diferentes, o
que deve ser tido em conta.
Segundo Tschichold:
O formato do livro determinado pela sua funo:
- Relaciona-se com o tamanho mdio das mos de um adulto.
- O formato dos livros para crianas deve ser outro.
Duas categorias de livros:
- Colocados numa mesa para estudo;
- Leitura numa cadeira ou em viagem.
Propores racionais de pgina:
- racio 1 : 2
- racio 5 : 9
- racio 5 : 8
Propores irracionais de pgina:
- racio 2 : 3
- racio 1 : 3
- racio 1 : 2
- racio 1 : 5
Proporo 3 : 4 (quarto => renascentista) adapta-se bem a livros em quarto, porque se pousa
numa mesa.
Proporo 2 : 3 (oitavo => medieval, usada por Gutemberg) adapta-se bem a livros para ler na
mo.
Proporo de Seco Dourada = racio 1 : 1.618 (21 : 34)
Propores que fazem com que a rea tipogrfica parea mais leve:
3 (cabea); 2 (lombada/interior); 4 (corte/exterior); 6 (p). Esta relao s se adequa com a
proporo 2 : 3 da pgina.
A harmonia entre tamanho de pgina e rea tipogrfica
conseguida quando ambos tm a mesma proporo.
Se as duas (tamanho da pg. e rea tipogrfica) e forem trabalhadas em funo de uma unidade
indissolvel, a proporo das margens torna-se funo do tamanho da pgina.
As propores das margens advm do formato da pgina e da lei de forma, do Cnon.
Na Seco Dourada: exemplo: 18cm altura x 11,1cm de largura.

3.2 Determine as propores das margens (tendo j em perspectiva a rea tipogrfica, pois
sofrero ajustes mtuos)
A rea impressa rodeia-se de uma zona livre, as margens.

Necessidade das margens por:

Motivos tcnicos - No haver mutilao do texto, no corte, aps impresso (3 a 5mm).
Motivos estticos- Aumenta o prazer da leitura, se a margem estiver bem proporcionada.
Poder ser calculada, como no passado, atravs da seco urea ou outras frmulas
matemticas.
Se as margens forem demasiado pequenas => sensao de saturao de pgina
Se as margens forem demasiado grandes => sente-se a extravagncia e que o texto curto foi
obrigado a estender-se num grande espao.
3.3 Construo da rea tipogrfica
Adequada ao texto
Antes de se proceder composio grfica deve-se saber exactamente que quantidade de texto
ter de ser manuseado, assim como, a que quantidade de material ilustrado, e qual a sua
natureza.
Dominar o contedo de texto e das ilustraes.
Profundidade e largura de rea tipogrfica, tamanho de letra, volume do texto e o nmero de
pginas disponveis devem ser tidos em conta.
Muito texto e poucas pginas = rea tipogrfica maior possvel + margens relativamente
estreitas + corpo de letra relativamente pequeno. O corpo da letra do desenho tipogrfico
seleccionado ir determinar a altura da linha e consequentemente, tendo em conta o valor mais
adequado da entrelinha, o n de linhas de texto por pgina.
A impresso geral da esttica resultante depende da qualidade das propores do formato da
pgina, do tamanho de rea tipogrfica, margens e da tipografia.
Cada situao de publicao => nova estrutura

4. Construo de Grelha
A grelha divide um plano de duas dimenses em campos menores.
Ela aplica-se ao interior da rea tipogrfica, tendo em ateno o formato da pgina e a definio
das margens.
4.1 Esboar a rea tipogrfica, na proporo definida da pgina, com a profundidade e extenso
que se considerou ideal (funcional e esttica).
4.2 Tendo a rea tipogrfica, dividi-la em campos.
O campo determinado por 1, 2 ou mais linhas de texto, dependendo do espao horizontal, do
tamanho da letra e das ilustraes. Ou seja, os campos tm os mesmos tamanhos e
correspondem, em profundidade, a um n especfico de linhas de texto e a largura dos campos
o mesmo que a largura das colunas.
Os campos esto separados por um espao intermdio de tal forma que, por um lado as
ilustraes/imagens no se toquem, preservando a legibilidade, e por outro, as legendas
possam colocar-se sob as ilustraes.
Por meio desta diviso da grelha em campos, os elementos de desenho, isto , tipografia,
fotografia, ilustrao e cor, podem ordenar-se dum modo mais equilibrado, respeitando sempre
uma harmonia interna.
Estes elementos adaptam-se ao tamanho dos campos da grelha e encaixam precisamente dentro
das medidas dos campos, contudo a grelha tem em linha a mancha tipogrfica previamente
definida (para a qual se decidiu: a escolha de tipo, corpo, peso, kerning, espao entre palavras,
dimenso de linha e entrelinha).
Concluso:
A grelha determina as dimenses constantes do espao. Entendida como um sistema de
controlo, a grelha torna mais fcil dar superfcie uma organizao racional.

Tipografia: VendettaLight, corpo 12 e 33 + VendettaLightItalic, corpo 12 + VendettaMedium, corpo 12 e 17