AULA 1-Anatomia dos tipos

Prévia do material em texto

Tipografia!
Profª Claudia Trevisan
Tipografia!
do grego typos — "forma" 
e graphein — “escrita" 
é o processo de criação e produção de tipos, 
quer metálicos, quer de fontes digitais.
http://tipografos.net/glossario/tipos-moveis.html
http://tipografos.net/glossario/fontes-digitais.html
Tipografia
! ELEMENTOS DA MÉTRICA TIPOGRÁFICA
Tipografia
! ELEMENTOS DA MÉTRICA TIPOGRÁFICA
ELEMENTOS DA MÉTRICA TIPOGRÁFICA
Tipografia
!
ELEMENTOS DA MÉTRICA TIPOGRÁFICA
Tipografia
!
NOMENCLATURA
Tipografia
!
NOMENCLATURA
Tipografia
!
Ligaturas
NOMENCLATURA
Tipografia
!
Elisa Quartim 10
Evolução do design das serifas, 
manipuladas para criar 
variações ornamentais.
SERIFA
Tipografia
!
SERIFA
Tipografia
!
Variações de peso: light, regular e bold
Serifas e terminais
Terminais em: 
Bico, lágrima-gota, bola.
ATRIBUTOS FORMAIS
Tipografia
!
Construção
Contínua Descontínua Modular Amorfa
Com 
referência a 
ferramenta
Forma: tratamento de curva e formato das hastes
ATRIBUTOS FORMAIS
Tipografia
!
Proporção é a relação das partes como largura, altura-x, altura ascendente e 
descendente.
Modulação é a presença ou não de contraste de forma.
ATRIBUTOS FORMAIS
Tipografia
!
EIXOS
Tipografia
!
As letras classificam-se de acordo com elementos gráficos marcantes que as distinguem.
Humanistas

Estão intimamente ligadas à 
caligrafia e ao movimento 
das mãos. Essas são as 
fontes romanas ou ao estilo 
romano.
Transicionais 

Mais abstratas e menos 
orgânicas. Possuem serifas mais 
afiadas e um eixo mais vertical 
do que as letras humanistas.
Modernas

São radicalmente abstratas. 
Serifas finas e retas, eixo 
vertical e forte contraste 
entre traços grossos e finos.
Baseada em Garamond 
no séc. XVI
Meados do séc. XVIII Final do séc. XVIII e 
início de XIX
Egípcias

Fontes pesadas e decorativas.

Adotadas em propagandas. 

Possuem serifas pesadas e 
retangulares.
Séc. 
XIX
CLASSIFICAÇÃO !
Sem Serifas / 
Lapidárias Humanistas

Característica humanista. 
Pequeno vazio e fagueiro na 
letra “a” e variações 
caligráficas no peso dos 
traços.
Sem Serifas Transicionais 

Caráter uniforme e ereto, 
similar ao das letras serifadas 
transicionais. São conhecidas 
também como “sem serifas 
anônimas”.
Sem Serifas Geométricas 

Construídas a partir de 
formas geométricas. Na 
Futura os círculos são 
perfeitos e os topos das letras 
A e M são triângulos afiados.
Displays

Alfabetos sem origens antigas, desenhados 
com uma falsa ou curta serifas. 
Inclassificáveis em serifadas ou não serifadas 
ou mesmo modernas. Coopperplate, Bewe, 
Bauhaus, Broadway, Novarese, Zapf 
Chancerry.
AaSéc. XX
Séc. XX Séc. XX Séc. XX
CLASSIFICAÇÃO !
Copperplate
FONTES PARA TEXTO 

as fontes para texto são desenvolvidas para 
serem usadas em tamanhos menores. Elas 
devem ser legíveis em tamanhos pequenos e 
possuem um desenho mais limpo, mantendo 
proporções e formas tradicionais para serem 
facilmente identificadas.
A
Séc. XX
CLASSIFICAÇÃO !
Copperplate
FONTES DISPLAY 

também conhecidas como fontes decorativas 
ou fantasia, são projetadas para serem 
usadas em tamanhos grandes, geralmente em 
pequenos blocos de texto como cartazes e 
embalagens. Ao contrário das fontes para 
texto, os tipos display podem deixar de lado 
a legibilidade necessária em grandes blocos 
de texto com um tamanho de fonte menor, e 
dar lugar a uma personalidade forte, 
elaborada e com formas mais expressivas e 
impactantes.
A
Cooper Std
A
Herculanum
A
Stencil
O ideal é misturar estilos diferentes de uma mesma família
FAMÍLIA DE LETRAS!
Trilogy é uma “superfamília” 
com tipos em estilo Sans, 
Egyptian, and Fatface, 
inspirada nas propagandas no 
séc. 19.
FAMÍLIA DE LETRAS!
Os tipos acima são da mesma família, porém muito 
próximos em peso para trabalharem bem junto.
FAMÍLIA DE LETRAS!
Família de letras
Quando misturar tipos 
de famílias diferentes 
procure contrastar.
As unidades de medidas servem 
para determinar desde o 
tamanho do corpo, o tamanho 
dos caracteres até o tamanho 
das entrelinhas. 
Pontos: é  a medida tipográfica 
estabelecida pelo francês  
Francisco Ambrósio Didot. Um 
ponto equivale aproximadamente 
de 0,376mm . (ou 2,6 pontos = 1 
mm).
UNIDADE DE MEDIDA
Tipografia
!
Elisa Quartim 24
Tipografia criada por Eric Olson em 2015, 
mesmo autor da tipografia anterior a Klavika.
Elisa Quartim 25
Helvetica
Criada pelo cartunista britânico Gerald 
Scarfe, que entraria para a história como 
diretor de animação do filme “The Wall”.Another Brick in the Wall
Design de Heinz Edelmann
Yellow Submarine
Chover (ou Invocação 
Para Um Dia Líquido)
The Monkees Theme
666 Number of the beast
Bring Me To Life
Lupton, Ellen. Pensar com tipos: guia para designers, 
escritores, editores e estudantes. São Paulo: Cosac Naify, 
2006. 
http://www.thinkingwithtype.com/ 
Bibliografia
São quatro tipos de 
capa, todas impressas 
em impressoras de 
tipo “lambe-lambe.” 
http://www.thinkingwithtype.com/
http://www.thinkingwithtype.com/
GUIA DE DESIGN EDITORIAL 
Timothy Samara
Projeto do semestre
Elisa Quartim 34
Bibliografia
Básica 
HURLBURT, A. Layout: O Design da Pagina Impressa. Sao Paulo: Nobel, 
2009. AMBROSE, Gavin; HARRIS, Paul. Design basico: layout. 2. ed. 
Porto Alegre: Bookman, 2012 
BRINGHURST, Robert. Elementos do estilo tipografico: versao 3.2. 2. 
ed. Sao Paulo: Cosac Naify, 2011 
Complementar 
LUPTON, E. Pensar Com Tipos: Guia Para Designers, Escritores, 
Editores e Estudantes. São Paulo: Cosac Naify, 2009. 
TONDREAU, Beth. Criar grids: 100 fundamentos de layout. São Paulo: 
Blucher, 2009. SAMARA, Timothy. Grid: construcao e desconstrucao. 
Sao Paulo: Cosac Naify, 2007 
CALDWELL, Cath; ZAPPATERRA, Yolanda. Design editorial: jornais e 
revistas / mídia impressa e digital. São Paulo: Gustavo Gili, 2014. 
HALUCH, Aline. Guia prático de design editorial: criando livros 
completos. Teresópolis: 2AB, 2013.
Elisa Quartim 35
Bibliografia
 ‘A Type Primer’—Kane, John 
http://tipografos.net/
Elisa Quartim 36
Leitura de texto
O texto "Como alguém pode fazer tipografia Suíça", 
de Wolfgang Weingart . 
Até os dia 15 e 16 de setembro. 


Além da leitura vocês devem pesquisar: 
- Quais eram as principais características da Escola 
Suiça de Tipografia? 
- Que designers foram seus principais 
representantes? 
- Quem foi Wolfgang Weingart? Qual era a 
característica de seu trabalho? 
- O que ele quis dizer com relações sintáticas, 
semânticas e pragmáticas na tipografia?
Elisa Quartim 37
Próxima aula
Trazer: 
Papel vegetal A4; 
Papel sulfite A4; 
Revistas; 
Lápis; 
Borracha; 
Canetas coloridas; 
Régua (pode ser pequena).
Quadratim (ou 
eme): 
É um espaço tipográfico derivado da 
letra M em caixa alta. Dividindo a 
largura da letra “M” em 18 unidades 
essa unidade de medida é usada, 
principalmente, para determinar os 
espaços horizontais e indentações. 
Indentação é o recuo de um texto 
em relação a sua margem.
UNIDADES DE MEDIDAS
Tipografi
a!