Introdução à

tipografia
 TIPOGRAFIA X TIPOLOGIA

• Tipologia - “Processo de classificação ou o

estudo de um conjunto, qualquer que seja
a natureza dos elementos que o compõem,
para determinação das categorias em que se
distribuem, segundo critérios definidos.”
Lucy Niemeyer

• Tipografia - Processo de uso dos tipos.

Compreende também o estudo da história
e anatomia dos tipos. Além disso, pode ser
utilizado para se referir à criação de novos
desenhos tipográficos.
 DIFERENÇAS ENTRE CALIGRAFIA,
LETREIRAMENTO E TIPOGRAFIA

• Caligrafia
Escrita manual.

• Letreiramento (lettering)
Escrita com letras desenhadas.

• Tipografia
Escrita com letras pré-fabricadas.
CALIGRAFIA LETREIRAMENTO TIPOGRAFIA

PENSAR
COM
TIPOS
 TIPO, FONTE,
CARACTERE & GLIFO
• Tipo - Desenho da forma das letras.
Configuração visual.

• Fonte - Software que contém um conjunto de

instruções que permite instalar e acessar o tipo.

• Caractere - Refere-se a um símbolo abstrato

com uma única função.

• Glifo - Representação gráfica do caractere.

aaaa aa
Representações gráficas do caractere a

ggggg g
Representações gráficas do caractere g
 CONJUNTO DE CARACTERES

1. Maiúsculas, versais ou caixa-alta

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
Helvetica Neue

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
Adobe Garamond
2. Minúsculas ou caixa-baixa

abcdefghijklmn
opqrstuvwxyz
Gill Sans

abcdefghijklmn
opqrstuvwxyz
Bodoni
• Versaletes ou small caps

abcdefghijklmnabcx
opqrstuvwxyzabcxA
Minion

AVENTURAS DE ALICE NO PAÍS

DAS MARAVILHAS. Livro, 2010.
• Ligaturas
São a combinação de duas ou mais
letras em um único caractere.

UM MU SS TT LOS fl fi
sk sp it st tt ft fi
UR UM FT ST
fi fi
• Numerais

0123456789ABCM
NUMERAIS ALINHADOS

0123456789abcpmx
NUMERAIS NÃO ALINHADOS - ALGARISMOS DE TEXTO

0123 1,23
05701
ALINHAMENTO TABULAR
50,01
ALINHAMENTO TABULAR
• Caracteres acentuados e internacionais

ÁÂÃÄÅĀĂĄÇÈÉÊËÌÍÎÏÑŃŅŇ
ÒÓÔÕÖØÙÚÛÜÝßÞŊŔŘŚŜŞŠ
áâãäåāăąçèéêëìíîïñńņň
òóôõöøùúûüýßþŋŕřśŝşš
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟ
ΠΡΣΤΥΦΧΨΩαβγδεζηθικλ
GREGO

АБВГДЕЖЗИЙКЛМНОП
РСТУФХЦЧШЩЪЫ
CIRÍLICO
• Símbolos matemáticos

+=±×÷−≠%√∞≤≥∫<>
• Símbolos e pictogramas

@&#*™©®¶†‡123
µ∏πΩ•••••→•
✂✄☎✈☛☞✌✎✑✿
• Pontuação

.,:;?¿!¡-­–—“”’(){}[]«»
• Frações

⅛⅜⅝⅞⅓⅔
• Acentos ou diacríticos

ˉ¨ˇ´`˚¸
 ANATOMIA DOS TIPOS

ALTURA DA CAIXA-ALTA

Altura x bp
ALTURA DE ASCENDENTE

ALTURA-X

LINHA DE BASE
ALTURA DE DESCENDENTE

Altura x bp
 ANATOMIA DOS TIPOS
Braço ou
haste
Ápice

AMV TYK
diagonal

Braço ou
haste
diagonal Haste
Perna
Barra ou
haste horizontal Ápice ou
vértice

Gancho

QEfejbg
Terminal
Barriga
Olho Orelha
ou bojo
Braços
Abertura

Cauda Cauda

hnuars
Espora
Ombro Ombro Abertura Terminal Terminal

Espinha

serifa serifa
 VARIAÇÕES DE PESO

Gotham Thin I
Gotham Extra Light I
Gotham Light I
Gotham Book I
Gotham Medium I
Gotham Bold I
Gotham Black I
Gotham Ultra I
VARIAÇÃO NA
LARGURA DO
TRAÇO
 VARIAÇÕES DE LARGURA

Univers Thin Ultra Condensed U

Univers Light Ultra Condensed U
Univers Ultra Condensed U
Univers Light Condensed U
Univers Condensed U
Univers Extendend U
VARIAÇÃO
NA LARGURA
DA LETRA
 VARIAÇÕES DE ESTILO

Scala Sans Leitura Serif

Scala Sans Italic Leitura Italic
Scala Serif Leitura Sans
Scala Serif Italic Leitura Italic
Scala Jewel Crystal Leitura Headline Italic
Scala Jewel Diamond Leitura Headline Sans
Scala Jewel Pearl Leitura Headline Serif
Scala Jewel Saphyr Leitura Headline Serif Italic
 VARIAÇÕES DE ESTILO

STENCIL abcdefg12345
Rounded abcdef123
SHADOWED abcd12
unicase abcdefgh&12345
SWASH b d e f g h & 12345
 VARIAÇÕES DE CONTRASTE

SEM CONTRASTE CONTRASTE MODERADO ALTO CONTRASTE

 FAMÍLIAS TIPOGRÁFICAS

• Conjunto formado pelas variações de um tipo.

Romana / regular
Adobe Garamond Regular

Itálica
Adobe Garamond Italic

Bold (semibold) / negrito

Adobe Garamond Bold e Semibold

Bold itálica (Bold itálica)

Adobe Garamond Bold e Semibold Italic
 FAMÍLIAS TIPOGRÁFICAS
Gotham Thin Scala Sans Light
Gotham Thin Italic Scala Sans Light Italic
Gotham Extra Light Scala Sans
Gotham Extra Light Italic Scala Sans Italic
Gotham Light Scala Sans Bold
Gotham Light Italic Scala Sans Bold Italic
Gotham Regular Scala Sans Black
Gotham Regular Italic Scala Sans Black Italic
Gotham Book
Gotham Book Italic Scala Serif
Gotham Medium Scala Serif Italic
Gotham Medium Italic Scala Serif Bold
Gotham Bold Scala Serif Bold Italic
Gotham Bold Italic
Gotham Black
Gotham Black Italic
Gotham Ultra
Gotham Ultra Italic
AMUSEMENT. Revista, 2009.
O LIVRO E O DESIGNER II. Livro, 2007.
 CLASSIFICAÇÃO TIPOGRÁFICA

1. Góticas ou fracturais (século XV)

ABCDEFGHIJKL
abcdefghijklmn
Fette Fraktur

ABCDEFGHIJKL
abcdefghijklmn
San Marco
2. Humanistas (século XV, Renascimento Italiano)

ABCDEFGHIJKLMN
abcdefghijklmnopqrst
Adobe Jenson

3. Geraldinas (século XVI, França)

ABCDEFGHIJKLMN
abcdefghijklmnopqrst
Adobe Garamond
4. Reais ou Transicionais (século XVIII)

ABCDEFGHIJKLMN
abcdefghijklmnopqrst
Baskerville

5. Didônicas ou Modernas (séc. XVIII–XIX)

ABCDEFGHIJKLMN
abcdefghijklmnopqrst
Didot
6. Mecânicas ou Egípcias (século XIX)

ABCDEFGHIJKL
abcdefghijklmno
Superclarendon

7. Sem serifas humanistas (século XX)

ABCDEFGHIJKLMNOP
abcdefghijklmnopqrstuv
Gill Sans
8. Sem serifas transicionais (século XX)

ABCDEFGHIJKLMNO
abcdefghijklmnopqrs
Helvetica

9. Sem serifas geométricas (século XX)

ABCDEFGHIJKLMNO
abcdefghijklmnopqrst
Futura
ABCDEFGHIJKL
10. Escriturais ou script (século XX)

abcdefghijklmnopqrstuvx
Zapfino

ABCDEFGHIJKLMNOP
abcdefghijklmnopqrstuvx
Poetica
 KERNING

ITAIPAVA
SEM AJUSTE DE KERNING

ITAIPAVA
KERNING AJUSTADO
 KERNING
AJUSTE DE KERNING

AVATAR AVATAR
Type Type
Tapioca Tapioca
Vale Vale
 KERNING
SEM AJUSTE DE KERNING

Veja TV PIRATA
KERNING MÉTRICO

Veja TV PIRATA
KERNING ÓPTICO

Veja TV PIRATA
ESPACEJAMENTO

Microsoft
ESPACEJAMENTO NORMAL

Microsoft
ESPACEJAMENTO NEGATIVO (-100)

Microsoft
ESPACEJAMENTO POSITIVO (+75)
 ESPACEJAMENTO
ESPACEJAMENTO NORMAL ESPACEJAMENTO POSITIVO (+75) ESPACEJAMENTO POSITIVO (-40)

O berimbau é um O berimbau é um O berimbau é um elemento

elemento fundamental elemento fundamental fundamental na capoeira,
na capoeira, sendo na capoeira, sendo sendo reverenciado
reverenciado pelos reverenciado pelos pelos capoeiristas antes
capoeiristas antes de capoeiristas antes de de iniciarem um jogo.
iniciarem um jogo. iniciarem um jogo. Alguns o consideram
Alguns o consideram Alguns o consideram um instrumento sagrado.
um instrumento sagrado. um instrumento sagrado. Ele comanda a roda de
Ele comanda a roda Ele comanda a roda de capoeira, dita o ritmo e o
de capoeira, dita o capoeira, dita o ritmo estilo de jogo. São dados
ritmo e o estilo de jogo. e o estilo de jogo. nomes às variações de
São dados nomes às São dados nomes às toques mais conhecidas,
variações de toques mais variações de toques mais e quando se toca
conhecidas, e quando se conhecidas, e quando se repetidamente um mesmo
toca repetidamente um toca repetidamente um toque, diz-se que está
mesmo toque, diz-se que mesmo toque, diz-se que jogando a capoeira daquele
está jogando a capoeira está jogando a capoeira estilo.
daquele estilo. daquele estilo.
 ESPACEJAMENTO
ESPACEJAMENTO ENTREPALAVRAS
O berimbau é um
elemento fundamental
na capoeira, sendo
reverenciado pelos
capoeiristas antes de
iniciarem um jogo.
Alguns o consideram
um instrumento
sagrado. Ele comanda a
roda de capoeira, dita o
ritmo e o estilo de jogo.
São dados nomes às
variações de toques mais
conhecidas, e quando se
toca repetidamente um
mesmo toque, diz-se que
está jogando a capoeira
daquele estilo.
ESPACEJAMENTO ENTREPALAVRAS
COM HIFENIZAÇÃO
O berimbau é um ele-
mento fundamental na
capoeira, sendo reveren-
ciado pelos capoeiristas
antes de iniciarem um
jogo. Alguns o consi-
deram um instrumento
sagrado. Ele comanda a
roda de capoeira, dita o
ritmo e o estilo de jogo.
São dados nomes às va-
riações de toques mais
conhecidas, e quando se
toca repetidamente um
mesmo toque, diz-se que
está jogando a capoeira
daquele estilo.
 ESPACEJAMENTO
ESPACEJAMENTO NEGATIVO ESPACEJAMENTO POSITIVO
 ENTRELINHAMENTO

O berimbau é um elemento fundamental na capoeira, sendo

reverenciado pelos capoeiristas antes de iniciarem um jogo.
Alguns o consideram um instrumento sagrado. Ele comanda
a roda de capoeira, dita o ritmo e o estilo de jogo. São dados
nomes às variações de toques mais conhecidas, e quando se
toca repetidamente um mesmo toque, diz-se que está jogando a
capoeira daquele estilo.

O berimbau é um elemento O berimbau é um elemento O berimbau é um elemento O berimbau é um elemento

fundamental na capoeira,
sendo reverenciado pelos
capoeiristas antes de iniciarem
um jogo. Alguns o consideram
um instrumento sagrado. Ele
comanda a roda de capoeira,
dita o ritmo e o estilo de jogo.
São dados nomes às variações de
toques mais conhecidas, e quando
se toca repetidamente um mesmo
toque, diz-se que está jogando a
capoeira daquele estilo.
14 PT/14 PT
fundamental na capoeira,
sendo reverenciado pelos
capoeiristas antes de iniciarem
um jogo. Alguns o consideram
um instrumento sagrado. Ele
comanda a roda de capoeira,
dita o ritmo e o estilo de jogo.
São dados nomes às variações de
toques mais conhecidas, e quando
se toca repetidamente um mesmo
toque, diz-se que está jogando a
capoeira daquele estilo.
14 PT/16,8 PT
fundamental na capoeira,
fundamental na capoeira,
sendo reverenciado pelos
capoeiristas antes de iniciarem sendo reverenciado pelos
um jogo. Alguns o consideram
um instrumento sagrado. Ele capoeiristas antes de iniciarem
comanda a roda de capoeira,
um jogo. Alguns o consideram
dita o ritmo e o estilo de jogo.
São dados nomes às variações de um instrumento sagrado. Ele
toques mais conhecidas, e quando
se toca repetidamente um mesmo comanda a roda de capoeira,
toque, diz-se que está jogando a
capoeira daquele estilo. dita o ritmo e o estilo de jogo.
14 PT/18 PT São dados nomes às variações de
14 PT/30 PT
RAW CREATION: OUTSIDER
ART AND BEYOND. Livro, 1996.
VISIONARY CITIES: THE
ARCOLOGY OF PAOLO
SOLERI. Livro, 1970.
NEW YORK NOTEBOOK. Livro.
MCSWEENEY’S.
Revista, 2002.
SIMPATICO.
Cartaz, 1994.

HAMLET
& HAIR.
Cartaz.
PRIMEIRA PÁGINA:
FOLHA DE S. PAULO. O PASQUIM [n. 374].
Livro, 1999. Revista, 1976.
TROPICÁLIA 2.
Disco, 1993.

NOVO DICIONÁRIO
AURÉLIO.
Livro, 1975.
 ESCOLHENDO TIPOS

• Qual o tema do texto?

• Quem escreveu?
• Quando ele foi escrito?
• Para quem foi escrito; quem irá lê-lo?
• Será publicado em várias línguas?
• Como as ilustrações são legendadas?
• Possui referências ou notas de rodapé?
• Há tabelas ou gráficos?
 FONTES GRATUITAS

• fonts.google.com
• www.fontsquirrel.com
• www.misprintedtype.com/fonts/freeware
• www.dafont.com/pt
LEITURA COMPLEMENTAR
Pensar com Tipos Projeto Tipográfico
Ellen Lupton, - Análise e Produção
Cosac & Naify de Fontes Digitais
Cláudio Rocha,
Rosari

Sinais & Elementos O Livro e o

Símbolos do Estilo Designer II -
Adrian Tipográfico Como Criar
Frutiger, Robert e Produzir
Martins Bringhurst, Livros
Fontes Cosac & Andrew
Naify Haslam,
Rosari
DESENHO DE TIPOS
BASE CALIGRÁFICA
3 0°
DE
O
GUL
 N

ÂNGULO DE 0°

n n
BASE CALIGRÁFICA
 AJUSTES ÓPTICOS

1 2

NOA
COMPENSAÇÃO
 DIVISÃO HORIZONTAL

CENTRO GEOMÉTRICO

CENTRO ÓPTICO

HEX
 TRAÇOS HORIZONTAIS E
VERTICAIS

TRAÇOS IGUAIS TRAÇOS HORIZONTAIS AJUSTADOS

100% 95% 90%

 MÓDULOS

hnmHI
linI