Aula 3 - Tipografia

Prévia do material em texto

A importância da 
tipografia
Prof. Barbara Gündel Mendonça
Projeto Editorial
Design – 1/2018
AULA 3
Tipografia, o que é?
• É o meio pelo qual uma ideia escrita recebe 
uma forma visual.
• A seleção da forma visual pode afetar 
significativamente a legibilidade da ideia 
escrita e as sensações de um leitor em relação 
à ela, em função da diversidade de tipos 
disponíveis.
Exposição 
rock style
A linguagem tipográfica
como tudo começou...
• Nosso alfabeto foi decodificado pelos fenícios 
por volta de 1200 a.C., suas letras sofreram 
adaptações e transformações.
A evolução da linguagem 
tipográfica
• As primeiras adaptações foram realizadas pelo 
gregos, que, além de aperfeiçoá-las 
esteticamente, introduziram a serifa com o 
propósito de criar um alinhamento na base do 
texto.
Escrita latina
A democratização do alfabeto fez com que a demanda 
por livros e escritos aumentasse. As cópias de letras 
romanas gravadas em pedras passaram a adquirir 
características variadas impostas pelas diferentes 
técnicas de registro em papel (papiro, pergaminho, 
bico de bambu) ou pela individualidade dos monges 
copistas, oriundos de diferentes culturas.
O monge copista era um sacerdote alfabetizado 
encarregado de reproduzir manualmente os textos 
indicados pela igreja
Surgimento das letras minúsculas, por volta do 
século 4 d.C. – agilizava a reprodução manual 
dos textos;
No ocidente, processo de xilogravura em 
substituição aos copistas.
Xilogravura significa gravura em madeira. 
É uma antiga técnica, de origem chinesa, em que o 
artesão utiliza um pedaço de madeira para entalhar 
um desenho, deixando em relevo a parte que 
pretende fazer a reprodução. Em seguida, utiliza 
tinta para pintar a parte em relevo do desenho. Na 
fase final, é utilizado um tipo de prensa para 
exercer pressão e revelar a imagem no papel ou 
outro suporte. Um detalhe importante é que o 
desenho sai ao contrário do que foi talhado, o que 
exige um maior trabalho ao artesão.
• Da xilogravura evoluímos para os tipos móveis de 
madeira – cada letra separadamente, ao invés de 
toda a página para a impressão. Essa técnica foi a 
precursora da impressão tipográfica utilizada até 
hoje.
• O início da tipografia 
data de meados de 
1440, com o tipo gótico, 
sendo Johann 
Gutembert, que viveu 
no século 15, um 
personagem importante 
para o universo da 
reprodução impressa.
Acima, à esquerda, tipos “a” com diferentes características e uma página da 
Bíblia de 42 linhas de Gutenberg.
À direita, mancha de texto de outra página da mesma obra.
Tipografia – noções básicas
• Tipos de madeira: Composição feita com clichês de madeira
Impressão tipográfica
Tipos de metal
Clichês de metal (chumbo) 
& “E” comercial, 
também conhecido 
como Ampersand
Imagens clichês
Imagens de 
florais em 
clichês de 
madeira
• Na confecção dos tipos, logo a madeira foi 
substituída pelo metal e este por um material 
mais resistente.
• A princípio a tipografia “imitava” a caligrafia 
dos copistas da época, mas depois surgiram 
tipógrafos que contribuíram com novos desenhos 
de letras, como:
• Nicolas Jenson, cria o tipo romano (uma interpretação das 
antigas letras do Império Romano cravadas na pedra)
• Aldo Manucia, cria o tipo itálico;
• Claude Garamond;
• William Caslon;
• Baskerville;
• Didot;
• Bodoni – que criam famílias tipográficas que levam seus nomes
Tipo 
• O tamanho de um tipo é a medida vertical do corpo de 
um caractere tipográfico, incluindo o espaço acima e 
abaixo de seus contornos.
• Para corpo de texto os tamanhos de tipos ficam 
normalmente entre 8 e 14 pontos.
12 pontos = 1 paica
1 ponto = 0,35mm
1 paica = 4,22 mm
Fonte ≠ família
Família:
Conjunto de caracteres que guardam as mesmas 
características formais de seu desenho, 
independentemente de peso, inclinação e do corpo.
Conjunto formado por uma fonte e suas variações 
(negrito, light. Itálico, versalete, medium, black, 
contorno, etc.)
• Família tipográfica Helvetica
• (Max Miedinger, 1957) e suas 
variações
Cursiva inclinada Antiqua, do impressor veneziano 
Aldus Manutius, 1521.
Fonte ≠ família
• Fonte: Chamava-se fonte tipográfica o 
conjunto de caracteres em apenas um dos 
corpos disponíveis. 
• Hoje, como a tipografia digital possui um 
arquivo com todos os tamanhos, o termo fonte 
se confunde com o conceito de família
• Fonte: Conjunto de caracteres em um estilo 
específico, tipo.
Conjunto de caracteres da
ITC Garamond Book
Conjunto de caracteres da
ITC Garamond Italic
Corpo ou Tipo
• Altura-x - Eixo que define a altura das minúsculas, 
correspondente a altura da letra x minúscula.
• Altura da Versal - Eixo que define a altura das maiúsculas
• Linha de base (Baseline) - Eixo sobre o qual repousam 
todas as letras
Anatomia dos tipos
• Tipos e famílias de tipos podem ser classificados de 
acordo com suas características intrínsecas. 
• Muitos tipos derivam de desenhos criados nos últimos 
500 anos, originalmente moldados em metal;
• Outros tipos têm uma linhagem que remonta ao 
trabalho dos gravadores em pedra;
• Esses tipos, apesar do formato digital, contêm 
elementos associados às necessidades físicas da época 
em que foram criados.
Descrevendo o tipo
A tipografia tem 
um léxico rico 
que descreve 
seus aspectos 
diversos. Alguns 
termos 
tipográficos:
Kerning
• Ou compensação, é a remoção do espaço entre 
caracteres. 
• É utilizado para reduzir o espaço entre duas letras e dar 
uma aparência mais agradável ao texto
• É o espaçamento específico entre os pares de caracteres. 
Ex. Av, Ty, Vo, a/, fi, ff.
Espacejamento entre letras
• Ou tracking, ajusta o espaço entre caracteres, 
permitindo abrir um texto que está muito apertado.
• Os valores de espacejamento não necessariamente 
funcionam com qualquer tipo, pois as fontes têm 
características e espessuras diferentes em seus 
traços, que afetam sua cor tipográfica e espaçamento 
Espaço entre palavras
• Utilizado especialmente em textos justificados para 
produzir uma aparência equilibrada nos blocos de 
texto.
• Quanto maior for a largura da coluna de texto, mais 
espaço poderá ser inserido.
El caminho del raton
ATIVIDADE
• http://type.method.ac/#
Escolhendo uma família 
tipográfica
• A função principal do tipo é transmitir uma informação 
codificada por meio do texto, ou seja, deve ser legível. 
Portanto, toda sua beleza e toda a harmonia devem ser 
construídas ao redor deste princípio, preservando o 
conforto da leitura.
• Fonte legíveis transpassam a medida do tempo e 
permanecem atuais no decorrer dos séculos:
• 1926: Futura (Paul Renner).
• 1932: Times New Roman (Stanley Morison).
• 1957: Helvética (Max Miendinger).
• 1957: Univers (Adrian Frutiger)
Ligatura
• É um recurso tipográfico no qual se substitui dois ou 
mais caracteres separados por um caractere único. A 
ligatura serve para resolver problemas específicos 
em que dois ou mais caracteres se chocam e formam 
uma composição ruim.
• Aqui vemos o erro que ocorre entre os caracteres 
f e i com a família Times New Roman e Minion 
Pro, em seguida a correção do problema 
habilitando-se a ligadura da Minion Pro.
• A ligatura apresenta uma estrutura de dois ou 
mais caracteres ligados, seja por um traço 
comum entre eles e/ou alterações nos desenhos 
e dimensões dos caracteres para que funcionem 
melhor quando apresentados em pares.
• Legibilidade [legibility]: diz respeito à facilidade 
com que uma letra pode ser distinguida de outra.
• Leiturabilidade [readability]: diz respeito à 
facilidadecom que o olho absorve a mensagem e 
se move ao longo da linha.
• Isso significa que uma letra pode ser 
individualmente legível, mas devemos também nos 
preocupar com a combinação e o efeito do 
conjunto. 
• Mal espaçamento, variação de larguras dos tipos e 
a ausência de kerning também dificultam bastante 
a facilidade leitura, pois causam problemas de 
ritmo.
• O exemplo abaixo apresenta um caso de letras 
legíveis (reconhecemos facilmente os 
caracteres) mas eles não combinam muito 
bem, o que dificulta a leitura (pouca 
leiturabilidade).
• Abaixo vemos como o espaçamento variado 
dificulta a leitura da frase, comparada à linha 
de baixo onde o espaçamento está melhor 
distribuído.
Resumindo...
• Leiturabilidade: descreve a qualidade de conforto 
visual – um requisito importante para a compreensão 
de longas porções de texto, mas não tão importante 
em coisas tais como listas telefônicas ou tabelas de 
vôo, em que o leitor… procura por um único item de 
informação [onde a legibilidade é mais importante].
• Resumindo, legibilidade diz respeito à capacidade 
de reconhecer as letras, enquanto 
a leiturabilidade diz respeito à capacidade de se ler 
as palavras e diversas linhas do texto.
Mas o que são fontes legíveis?
O que afeta a legibilidade de uma fonte:
1. O espaço entre as letras: deve ser suave, rítmico, 
assim a concentração será maior. Em geral, o 
espaçamento entre as palavras deve ser metade da 
altura da letra caixa alta.
2. O espaço entre as linhas: o ideal é de 20% do 
tamanho do tipo.
3. Os tipos com serifa: são de melhor leitura para texto 
contínuo, pois cria um fluxo direcional, horizontal, uma 
“linha imaginária”, que ajuda os olhos a se moverem 
rapidamente de uma linha a outra. 
Já os tipos sem serifa são indicados para leitura a distância 
de palavras ou frases curtas (sinalização). No caso de 
textos maiores e contínuos, ao se aplicar uma fonte sem 
serifa sugere-se aumentar o espaçamento entre linhas.
4. Peso: O peso do tipo exerce influência, assim os tipos 
claros precisam de menos espaço que os negros. A 
espessura da letra também pode transmitir força ou 
delicadeza.
• Letras finas e 
claras são suaves, 
associadas à 
feminilidade.
• Letras espessas e 
escuras são mais 
rudes, associadas à 
masculinidade e 
força.
5. Cor: A cor aplicada no tipo sobre um determinado fundo 
implica em maior ou menor legibilidade.
Karl Borggrafe elaborou uma tabela informando a legibilidade de letras 
sobre fundo e cor.
Class. Letra Fundo
1ª Preta Amarelo 
2ª Amarela Preto 
3ª Verde Branco
4ª Vermelha Branco
5ª Preta Branco
6ª Branca Azul
7ª Azul Amarelo
8ª Azul Branco
9ª Branca Preto
10ª Verde Amarelo
C C C C
C C C
C C C
Essa informação baseia-se em provas de leitura 
realizadas com letras de 1,5 cm de altura sobre cartões 
de 10x25cm utilizando um taquistoscópio.
Variação de tipos
• Os textos cujo variação de tipos é pequena 
produzem melhores efeitos.
• Quando o texto for longo, convém compor em um 
tipo convencional, pois o leitor não deve se tornar 
consciente da tipografia, mas sim do conteúdo.
Estrutura e efeitos
• Nunca altere a estrutura de uma fonte, esticando-a horizontalmente ou 
verticalmente, essa ação pode prejudicar a funcionalidade do seu 
texto.
• Evite usar efeitos de texto, como sombras, bordas e degrades, pois 
atrapalham a legibilidade da fonte, porém, quando indispensável, 
busque não utilizá-las exageradamente.
A personalidade das famílias 
tipográficas
Cada tipo de letra tem sua personalidade e deve ser 
usada de acordo.
• A letra bastão sem serifa é indicada para expressar 
atualidade, modernidade, mecanismos, jovialidade. Se 
for grafada em bold passa a sensação de força, 
máquinas e equipamentos.
• A letra estilo romano com serifa é indicada para 
expressar algo clássico, tradicional, arte, religião.
• A letra mais fina remete-nos a sensação de 
delicadeza, suavidade, elegância.
• As letras manuscritas são mais femininas e nos 
remetem a algo feito especialmente para nós, 
tornam-se mais íntimas.
• Letras arredondadas são suaves, femininas e 
podem reforçar determinados tipos, como ser 
gordo ou magro, por exemplo:
Gordo ou Magro
• As fontes também pode ser masculinas:
• Ou femininas:
Legibilidade: fonte e cores
Exercitando
• A partir de recortes 
Encontre:
1. Problemas de legibilidade e leiturabilidade
Aponte os problemas encontrados explicando o 
porquê.
2. Identifique a tipografia utilizada (com 
problemas de kerning, espaçamento, entre linhas, 
entre parágrafos)