Design com Tipos - 01: Terminologia

Prévia do material em texto

Solange Coutinho & Aline Morais
aula 1
[ ]Terminologia
Design com
☞
TIPOGRAFIA
Sistemas de Impressão
01/26
TIPOGRAFIA
02/26
☞ Design de Tipos
☞
TIPOGRAFIA
03/26
Design com Tipos
TIPOGRAFIA
Conjunto de práticas e processos 
envolvidos na criação e utilização de 
símbolos visíveis relacionáveis aos 
caracteres ortográficos (letras) e 
para-ortográficos (números, sinais 
de pontuação, etc.) para fins de 
reprodução. Isso inclui tanto o 
design de tipos quanto o design 
com tipos. 
FONTE
Uma fonte tipográfica pode ser 
definida como um conjunto de
caracteres em um estilo específico, 
sendo, neste sentido, um sinônimo 
de tipografia, tipo, ou face.
ABCDEFG
HIJKLMN
OPQRSTU
VWXYZ 
FONTE
☞ Uma fonte é normalmente formada por:
Maiúsculas 
(caixa-alta ou versais)
Minúsculas
(caixa-baixa)
Outros elementos
(pontuação, numerais,
 ligaturas)
06/26
ABCDEFG
HIJKLMN
OPQRSTU
VWXYZ 
abcdefg
hijklmn
opqrstu
vwxyz 
FONTE
☞ Uma fonte é normalmente formada por:
Maiúsculas 
(caixa-alta ou versais)
Minúsculas
(caixa-baixa)
Outros elementos
(pontuação, numerais,
 ligaturas)
07/26
“ ! ? ; . , ”
123456
7890
¤ fi fl ª º
FONTE
☞ Uma fonte é normalmente formada por:
Maiúsculas 
(caixa-alta ou versais)
Minúsculas
(caixa-baixa)
Outros elementos
(pontuação, numerais,
 ligaturas)
08/26
FONTE
(...) conjuntos para os quais foram 
determinados não apenas os 
desenhos de suas faces, mas 
também as características métricas 
e de espaçamento que determinam 
a relação entre estes outros glifos.
☞ O desenho do alfabeto é chamado de typeface
ou face do tipo. Cada face é identificada por um 
nome.
FACE
Bodoni
Caslon
Helvetica
10/26
☞
☞ O desenho do alfabeto é chamado de typeface
ou face do tipo. Cada face é identificada por um 
nome. 
FACE
Bodoni
Caslon
Helvetica
11/26
O termo typeface não 
implica que o alfabeto 
esteja implementado 
como fonte.
☞ Conjunto de diferentes estilos de uma 
determinada fonte.
☞ A família tipográfica é gerada a partir de um 
estilo básico, geralmente denominado de regular 
ou romano.
FAMÍLIA
DIN Regular
12/26
☞ Após desenhar o estilo regular, o designer deriva 
uma série de outros estilos, que carregam a 
mesma identidade da face original, porém com 
diferenças em aspectos como largura, peso, 
inclinação, etc.
FAMÍLIA
DIN Regular
BlackBoldMediumLight
Regular Italic Medium Italic Black Italic
Condensed Light Condensed Regular Condensed Bold
☞ Famílias tipográficas mais extensas possuem 
uma grande quantidade de variações, que
auxiliam a composição de textos longos que 
necessitam de diferentes níveis de hierarquia.
Termo inglês para “versalete”. As versaletes possuem 
formas de versais, com uma altura similar a altura 
das minúsculas (altura-x). Dessa maneira, elas se 
integram ao texto, diferentemente de palavras com-
postas inteiramente com VERSAIS.
FAMÍLIA
[Família Scala]
small caps
15/26
☞
é o tamanho das letras. É a medida que vai desde 
o topo das ascendentes até a parte inferior das 
descendentes, mais um pequeno espaço.
MÉTRICA
CORPO
16/26
☞
é o tamanho das letras. É a medida que vai desde 
o topo das ascendentes até a parte inferior das 
descendentes, mais um pequeno espaço.
☞
Um alfabeto em corpo 12, possui 12 pontos de altura (12pt).
MÉTRICA
CORPO
17/26
☞
é onde todas as letras repousam. Ela é o eixo mais 
estável ao longo de uma linha de texto, e é crucial 
para alinhar textos a imagens e a outros textos. 
☞
MÉTRICA
LINHA DE BASE / BASELINE
(LUPTON, 2006)
☞
quanto maior a altura-x, maior a letra parecerá.
☞
MÉTRICA
ALTURA-X / X-HEIGHT
Quem é maior?
Quem é maior?
☞
quanto maior a altura-x, maior a letra parecerá.
[Gotham Rounded] altura-x altura-x [FuturaEF - Book] 
☞
MÉTRICA
ALTURA-X / X-HEIGHT
Quem é maior?
Quem é maior?
20/26
☞
linha determinada pela altura-x.
☞
MÉTRICA
LINHA MÉDIA / MIDDLELINE
21/26
☞
marca a profundidade das letras minúsculas que 
possuem descendentes (tais como o ‘g’, ‘p’, ‘q’).
☞
MÉTRICA
LINHA DAS DESCENDENTES 
22/26
☞
é a linha que define a altura máxima de letras que 
possuem ascendentes (tais como o ‘b’, ‘d’, ‘h’)
☞
MÉTRICA
LINHA DAS ASCENDENTES / TOP LINE
23/26
☞
no caso de fontes de texto mais tradicionais, a 
altura das maiúsculas é ligeiramente menor que a 
altura da linha das ascendentes.
☞
MÉTRICA
LINHA DAS CAPITULARES / CAP HEIGHT
24/26
☞
a largura de um caractere em uma fonte inclui não 
apenas o desenho do glifo, mas também algum 
espaço em branco à direita e/ou à esquerda, que 
determina seu espaçamento. 
☞
MÉTRICA
ESPAÇAMENTO
(FARIAS, 2004)
25/26
☞
kern é um termo que tem sua origem nos tipos de 
metal. Significa que parte de uma letra avança 
sobre o espaço da outra.
☞
MÉTRICA
KERNING
(ROCHA, 2005)
26/26
☞
é a distância de uma linha de base para outra.
corpo de 8pt, com entrelinha de 9pt
☞
MÉTRICA
ENTRELINHA
26/26
BIBLIOGRAFIA
FARIAS, Priscila. Notas para uma 
normatização tipográfica. Anais do 
P&D Design, 2004. FAAP: São Paulo.
LUPTON, Ellen. Pensar com Tipos: guia 
para designers, escritores, editores e 
estudantes. Tradução: André Stolarski. 
São Paulo: Cosac Naify, 2006.
ROCHA, Claudio. Projeto tipográfico: 
análise e produção de fontes digitais. 
São Paulo: Rosari, 2005.