Professional Documents
Culture Documents
| li n h a d o te m p o
| c la s s i fi c a o
| ti p g ra fo s \ ty p e d e s i g n e rs
| le tra
| te x to
| e x e rc c i o s
O trabalho Aulas_Tipografia do Professor Fabio Silveira foi licenciado com uma Licena Creative Commons - Atribuio-
NoComercial-CompartilhaIgual 3.0 No Adaptada. Podem estar disponveis autorizaes adicionais ao mbito desta
licena em fabio.designerbr@gmail.com. Este um trabalho destinado ao mbito acadmico. O uso das imagens neste
documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
6000 a 4000 a.c | histria 2
pictogramas
Figuras ou smbolos que
representam um objeto como
forma de comunicao.
Ideogramas
Representao de ideias e formas
abstratas (dia, Luz, claridade, etc)
Sumrios
Escrita cuneiforme
(objetos em formato de cunha).
600 smbolos
Fencios
Primeiro Sistema alfabtico,
com 22 smbolos.
Gregos
Baseados no alfabeto dos
Fencios, os gregos criaram
um sistema completo de
alfabetos, com consoantes
e vogais, contrudo com
formas geomtricas
Capitulares
Quadradas
Romanas
23 letras adaptadas
a partir do alfabeto etrusco.
Formas geomtricas
terminaes serifadas
Tipografia 4 Professor Fabio Silveira
SEc. I a IV | histria 6
Capitais rsticas
(romana script)
Feitas com caneta sobre
o papyrus, a verso
caligrfica e condensada da
capitular quadrada romana.
Uncial Script
Usadas pelos escribas em textos
sagrados da igreja.
Carolngias
Consolidao dos caracteres
em caixa baixa.
Blackletter
Deesenhada pelos escribas da Idade
Mdia tinha a funo de aproveitar
melhor o espao na pgina
Escura
Condensada
Angular
: 1455
60 70
1465
80 90 10 20 30 40 50 60 70 80 90 10 20 30 40 50 60 70 80
1606 *
90
10
Gutenberg Sweynheym
imprime a e Panartz criam William Caslon
bblia de o primeiro projeto
42 linhas tipogrfico na Itlia
cl ssico / o ld sty le
transitrio
m oderno
b auhaus/suios
contem porneos
tip g ra fo s Romana de Griffo:
Fragmento da impresso
* n a scim e n to da obra De tna do
fa le cim e n to
cardeal Bembo.
Design Editorial 4 Professor Fabio Silveira
Garamond | Tipgrafo 12
10 20 30 40 50 60 70 80 90 10 20 30 40 50
1702
Philipe Grandjean cria
Romain du Roi, a primeira
* 1606
Giambattista Bodoni
1813
Giambattista Bodoni
fonte transitrio do sc. XVIII
1791 1815
Bodoni cria o Vincent Figgins
1716 - 1728 revolucionrio projeta a primeira
1716 - 1728 William Caslon Estilo Moderno fonte slab
William Caslon cria de fontes [serifa quadrada]
a fonte Old Style que
foi o modelo adotado
at os dias de hoje.
Giambattista
Bodoni
Composio
Rigorosidade e Limpeza
*1937 1994
Mathew Carter Verdana e Georgia
60 70 80 90 10 20 30 40 50 60 70 80 90 00
*1985
Adobe introduz o
formato Postscript
*1882 1947
Eric Gill 1928 Eric Gill
Eric Gill /
Gill Sans 1957
*1949 1980
Max Miedinger Helvtica Max Miedinger
*1902 1974
1928
Jan Tschichold Jan Tschichold
Die Neue Typographie
Tipografia Display
Revoluo Industrial
Efeitos Tridimensionais
Funo Decorativa
bauhaus | simplicidade da forma 20
adrian frutiger | Tipgrafo 21
Stanley
Morison
Times
new
roman
1932.
Marcou o fim do
uso da Blackletter
Paul
Renner
Futura
1928
Design Editorial 4 Professor Fabio Silveira
tipgrafos | Tipgrafos, typedesigners... designers 24
Tipografia
Digital
Design Editorial 4 Professor Fabio Silveira
anos 90 | histria 26
Expe-
rimen-
tao
Design Editorial 4 Professor Fabio Silveira
tipografos | alguns deles... 27
Hans Eduard Meier Emil Ruder Max Bill Josef Mller-
Brockmann Hans Rudolf Bosshard Max Caflisch Josef Albers
Herbert Bayer Moholy-Nagy Paula Scher Ellen Lupton
Wim Crouwell Rudy VanderLans David Carson Emil Ruder
J. Mller-Brockmann Wolfgang Weingart Gabriel Martnez
Meave Edward Johnston Stanley Morison Jan van Krimpen
Rudolf Koch Karl Klingspor W.A. Dwiggins Aldo Novarese
Saul Bass Heinrich Jost Ed Benguiat Oswald Bruce Cooper
Wim Crouwel Miguel Deslandes Pablo Ferro Daniel Gauthier
Francesco Griffo Karlgeorg Hoefer Alistair Johnson Frank
Jonen Ray Larabie Zuzana Licko Harold Lohner Tony Malone
John Marsh Stanley Morison Aldo Novarese Phyllis Pearsall
Bruce Rogers Berthold Wolpe Hermann Zapf Piet Zwart Dirk
voskens Cristoffel van djick jeffrey keedy jonathan hoefler
neville brody summer stone crystian cruz tony de marco
burritos do brasil claudio rocha guto lacaz tipos do acaso
Design Editorial 4 Professor Fabio Silveira
4anatomia
tipogrfica
| c la s s i fi c a o
| a n a to m i a ti p o g r fi c a
| ti p o s p a ra te la
| k e rn i n g e tra c k i n g
| li g a tu ra
O trabalho Aulas_Tipografia do Professor Fabio Silveira foi licenciado com uma Licena Creative Commons - Atribuio-
NoComercial-CompartilhaIgual 3.0 No Adaptada. Podem estar disponveis autorizaes adicionais ao mbito desta
licena em fabio.designerbr@gmail.com. Este um trabalho destinado ao mbito acadmico. O uso das imagens neste
documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
Tipografia | Classificao 29
srf srf
com serifa e sem serifa
A primeira e mais simples das classificaces,
conhecidas por muitos leigos mas esta forma no
explica a origem dos alfabetos que utilizamos.
Hpxefg
Altura da cx. a. terminao
bojo ligatura
Olho aberto
Haste vertical descendente [counter] ascendente orelha
Altura
de x
contraste
eixo humanista eixo racionalista Ausncia de eixo Tipografia 4 Professor Fabio Silveira
[inclinao da escrita] [vertical]
Tipografia | Ajustes pticos 33
Fontes de tela
A suavizao, que usa tons de cinza
para criar a iluso de contornos
curvos, eficaz para a reproduo de
textos na tela em tamanhos grandes.
Em tamanhos menores, no entanto, tesses textos parecem desfocados. Muitos designers (e
leitores) preferem usar fontes de pixels neste caso
LETRA SUAVIZADA
LETRA BITMAP
[ANTI-ALIASING]
impresso x tela
A Helvtica, criada na Suia em 1957, A Verdana uma fonte sem serifa projetada
uma das fontes mais famosas do mundo, por Mathew Carter especialmente para a tela.
foi projetada para impresso embora Sua construo possui uma altura de X maior,
seja utilizada como fonte-padro de curvas mais simples e formas mais abertas qe
muitos computadores. a Helvtica
Criada para o jornal londrino, a Times Roman tambm A Georgia uma fonte serifada de tela projetada com
muito popular. a fonte padro de muitos sites mas curvas simples, formas abertas
foi projetada para o meio impresso. e espacejamento generoso.
XEH
altura das maisculas
(Cap-height, ingls; Versalhhe, alemo). Altura da
letra maiscula X. Esta altura, indicada em pontos, a Caps X
medida da distncia da linha base at ao topo de um
xeh
caractere com o M, T, U, W, X, Z, etc.
altura-x
(x-height, ingls). Altura da letra minscula x, usada
para caracterizar um parmetro essencial: a altura
das letras minsculas, em comparao com a altura
das maisculas.
x height
Quanto maior for a altura-x, maiores sero as letras
minsculas relativamente s maisculas.
hdk
ascendente
[Tip] A parte das letras minsculas que se prolonga
ascendente
acima da altura-x. Ascendentes tm as letras d, b,
d, f, h, k, l, t. A linha dos ascendentes (que define a
altura mxima dos ascendentes) pode ser um pouco
pq j
mais baixa que a linha de altura das maisculas; este
recurso micro-tipogrfico melhora a legibilidade
da fonte e tem sido usado por numerosos typeface
designers.
Corpo
Expresso utilizada para designar o tamanho das
12 pt
letras, tendo o ponto como unidade de medida. Um
alfabeto em corpo 12, tem 12 pontos de altura.
descendente
cauda
diacrticos
[Tip] (diacritic signs, ingls, diakritische Zeichen,
alemo). Sinais, pontos e traos que se acrescentam a
um caractere para alterar a fontica. Por exemplo: ,
, , , , .
avio
entreletra (tracking)
[Tip] (tracking, ingls; Zeichenabstand, Laufweite,
alemo) Espao entre as letras (e os demais glifos) de
um dado corte de uma fonte, com valor prdefinido.
avio
Este valor apropriado para o corte e a largura
mdia dos caracteres. Alm deste espaamento,
que vlido para a totalidade dos glifos, os pares
de kerning servem para ajustar de forma mais
satisfatria certos pares de letras.
Kerning
(Unterschneidung, alemo) Ajustamento individual do
espao entre duas letras, para compensar o excesso
ou a escassez de espao entre as mesmas, derivados
do desenho desses caracteres em particular.
Ms Eaves. Emigre
AVIO AVIO
ajuste global entre as letras das palavras.
Os problemas individuais so
tratados com pares de kerning.
FRUTIGER. 68 PT. SEM AJUSTE DE ESPACEJAMENTO FRUTIGER. 68 PT. COM AJUSTE
KERNING
A parte de uma letra que avana no espao
da outra. Os caracteres no devem ser vistos
como elementos individuais, a definio
do espao uma questo de percepo
PARES DE KERNING
Garamond regular e itlico Adobe Garamond regular e itlico
Campo: livre 1 cm
Suporte: Canson A3