Tipografia: Letras, Tipos e Conceitos

Prévia do material em texto

Tipografia
Tipografia
Tipografia
Tipografia
Tipografia
Tipografia
Tipografia
Tipografia ou Tipologia?
• Tipologia na verdade é um termo 
ligado à taxionomia, a ciência das 
classificações, o estudo das 
características das diferenças entre 
objetos e seres vivos de toda 
espécie
– Também pode ser entendido 
como coleção dos caracteres 
tipográficos em determinado 
trabalho gráfico
• Tipografia (c 1789)
TIPO = padrão, forma => estático
GRAFIA = escrita => dinâmico
– O estudo da tipografia trata tanto do desenho de 
letras do alfabeto e de caracteres quanto também 
da sua composição
– Tipografia é a arte de produzir texto em tipos, isto 
é, caracteres: arte de compor e imprimir em tipos
– Através da legibilidade e da expressividade o tipo 
torna-se um veículo especial entre o leitor e o texto
Letras e Tipos Letras e Tipos
Caracteres ou Tipos:
• São formas geométricas
– Têm uma representação como elemento 
gráfico do sistema da escrita 
• São signos que denotam sons
– Têm um significado dentro da língua 
Símbolos têm sido usados 
como forma de comunicação 
humana aproximadamente 
desde o início da própria 
humanidade.
Os primeiros desenhos 
foram descobertos na 
Caverna de Altamira, na 
Espanha. Os mais antigos 
estão na Caverna de 
Chauvet, na França.
Alfabeto Grego
– Alfabeto é uma palavra de origem grega, constituída pelas 
duas primeiras letras do alfabeto grego (alfa+beta)
Letras e Tipos
Sua história foi influenciada pela tecnologia:
• Copistas
• Xilogravura � Tipos de madeira (séc. XVI)
– Obs.: tipos de porcelana (China 1041)
• Tipos Móveis (1430/ 1440)
• Tipos de metal
– 1450 � Guttenberg
Letras e Tipos
Romano Antigo :
Claude Garamond (1490-1561)
Letras e Tipos
Romano Antigo :
John Baskerville (1706-1775)
Letras e Tipos
Romano Antigo :
William Caslon (1693-1766)
Letras e Tipos
Romano Moderno: 
Giambattista Bodoni (1740-1813)
Letras e Tipos
Helvética => Max Miedinger (1910-1980)
http://www.identifont.com
Letras e Tipos
Seymour Chwast Milton Glaser
Jeff Bortniker
Alfabeto criado 
com fotos 
FIGURA e FUNDO
COR e TEXTURA 
neste alfabeto 
criado com fitas
Efeito enérgico e 
forte nestas letras 
pintadas
Anatomia da Letra Anatomia da Letra
Anatomia da Letra Ligaduras
Quando uma letra colide com outra podemos recorrer às 
“ligaduras” para dar mais beleza e consistência ao texto.
Fonte
– Conjunto de todos os caracteres.
– A forma do caracter agrupado numa família (ou grupo de 
famílias) estruturalmente relacionado: geometricamente e 
simbolicamente 
• Família
– Fontes que apesar do mesmo design, possuem 
espessuras, inclinações e variações diferentes. Exemplo: 
Helvética, Helvética Bold, Helvétic Italic. 
– O design de uma família tem uma consistente relação de 
orientação espacial e de estilo intercaracter
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo
PpQqRrSsTtUuVvWwXxYyZz1234567890
Conceitos Básicos Conceitos Básicos
• Adequação
– Talvez seja o ponto mais fundamental, é muito 
importante saber decidir que estilo de fonte 
utilizar para cada caso, por exemplo:
• fontes desconstruídas para passar 
contemporaneidade e jovialidade
• fontes clássicas e manuscritas para falar 
sério
• fontes harmônicas se encaixam com textos 
institucionais e moderados. 
Conceitos Básicos
• Harmonização
• Ajuda a criar a identidade visual da peça
• Estabelecendo uma hierarquia, utilize as fontes como 
títulos, sub-títulos e texto.
Conceitos Básicos
• Tamanho
–– Corpo:Corpo: Medida que vai da face superior à inferior do 
tipo metálico do processo de impressão tipográfico.
– Corpo do tipo é medido em pontos:
» O sistema Didot tem como unidades básicas o cícero e o ponto. 
» Um cícero equivale a 12 pontos, que medem cerca de 4,512 milímetros. 
» O sistema anglo-americano tem como sistemas a paica e o ponto. 
– 1 Ponto-Didot = 0,376 mm
» 6pt = 2,256 mm
» 12pt = 4,512 mm
leitura leitura leitura leitura leitura leitu
8pt 9pt 10pt 12pt 14pt 16pt 18pt 20pt 24pt 32pt 66pt
Conceitos Básicos
• Entrelinhamento
Conceitos Básicos
• Espacejamento
– kerning 
• Um método para reduzir o espaço entre as letras 
• Atenção:
Conceitos Básicos
• Alinhamento
Justificado ou Bitolado
Alinhado pela esquerda
Alinhado pela direita
Centralizado
Assimétrico ou Livre
Conceitos Básicos
• Alinhamento
Justificado ou Bitolado
Alinhado pela esquerda
Alinhado pela direita
Centralizado
Assimétrico ou Livre
• Propriedades e classificação
– Design
Conceitos Básicos
C U I D AD
O C O M 
O 
C U I D AD
O C O M 
O 
U S O D E
 
F O N T E S
 
U S O D E
 
F O N T E S
 
D E C O R
A T I V A S
!
D E C O R
A T I V A S
!
Conceitos Básicos
• Propriedades e classificação
– Peso
Light/ Thin
Book
Medium / Normal
Heavy / Bold
Black
Extra Black
Conceitos Básicos
• Propriedades e classificação
• Regular, Roman, Normal
Lucida
• Itálica
Lucida
• Cursiva, Manuscrita, Caligráfica
Lu ci d a
• Efeitos / Distorções
LucidaLucidaLucida
Cursiva, Manuscrita ou Caligráfica
• Propriedades e classificação
– Maiúsculas (Versal, Capital, Caixa Alta)
– Versal/ Versalete (Caixa Alta em Alta e Baixa) 
Conceitos Básicos
– Densidade: 
• Condensada
• Regular
• Extendida
Conceitos Básicos
• Princípios do Bom Tipo:
– Adequação
– Simplicidade 
– Clareza
– Concisão
– Consistência, uniformidade
– Originalidade
Design e Composição
• Como escolher um tipo:
– Aparência adequada
• Ser expressiva, eloquente
• Captar a atenção
– Legibilidade ótima
Design e Composição
• Decisão subjetiva 
• Conotação cultural (associação de ideias), por exemplo:
• Bold: importante, novo!
• Sem serifa: funcionalidade, objetividade, limpeza
• Serifa: tradição, „old style“
• Itálico: velocidade, dinamismo
• Condensado light: elegância, moda
• Condensado heavy: política, ativismo
• Etc.
• Procurar relacionar a forma do tipo ao conteúdo da mensagem, 
(sem canastrice!)
Aparência adequada Legibilidade ótima
• Analisar o tamanho adequado 
para impressos e para tela
• Fontes proporcionais são mais 
hamônicas 
• Adote: Serifa em textos longos
• Evite: Light, itálico e 
condensado em textos longos
• Bold funciona melhor em título
• Caixa Alta tem menos 
legibilidade 
• Manuscritos e fontes especiais, 
só em casos muito especiais
• Avaliar a situação adequada 
para alterar o espacejamento e 
o entrelinhamento
• Em geral, corpo menor precisa 
de mais espacejamento 
• Misturar fontes: no máximo 
duas e, na dúvida, não misture
• Elimine as „viúvas“ do texto
• Cuidado com as cores
SITE IMPERDÍVEL
tipografos.net