SlideShare uma empresa Scribd logo
Tipografia
Tipografia
● Para compreendermos a tipografia na
sua essência, vamos às origens:
● (do gregos typos — "forma" —
e graphein — "escrita")
● Arte e o processo de criação na
composição de um texto, física ou
digitalmente.
● No Design Gráfico é dar ordem
estrutural e forma à comunicação
escrita
Tipografia
Estudo da Escrita
● A invenção das letras foi uma das mais
geniais da história.
● Em 2.000 a. C. Existiam vários sistemas de
escritas que registram as mais variadas
línguas e dialetos.
● Os fenícios, comerciantes da costa do
Mediterrâneo, lidavam com várias culturas
diferentes, e para isso, criaram sistemas de
escritas que registravam unidades sonoras.
● Esses sistemas foram a base de partida para
todas as escritas alfabéticas.
Tipografia
O Aleph
● Aleph deu a origem ao alfabeto. Nas escritas
antigas representava uma cabeça de touro:
Hebraico, 3000 a.C.
Egípcio, 4000 a.C.
Fenício, 1200 a.C. Grego, 900 a.C. Romano, 500 a.C.
Tipografia
Letras maiúsculas e minúsculas
● Capitulares
se
reduziram à
minúsculas
por meio de
uma escrita
mais rápida
e fluente.
Tipografia
● Mas nem todas as maiúsculas se
transformaram em minúsculas
Letras maiúsculas e minúsculas
Tipografia
O primeiro impresso tipográfico
O alemão Johannes Gutenberg desenvolveu
tipos móveis em metal e aperfeiçoou a prensa
tipográfica no séc. XV e imprimiu a Bíblia de
42 linhas.
Tipografia
A evolução da tipografia
Depois desse feito, a tipografia começou a
evoluir como técnica de impressão e
comunicação, mas o desenho das letras de
Gutenberg era muito similar aos caracteres
dos monges copistas, de difícil leitura.
Isso propiciou que vários tipógrafos europeus,
mais notadamente os italianos, ingleses,
franceses e alemães, criassem desenhos
diferentes de letras mais elegantes, leves e
fáceis de ler.
Essa evolução tipográfica se desenrolou desde
o séc XVI até os dias de hoje com as fontes
Tipografia
Classificação do Estilo Tipográfico
Classificação adotada pela Association
Typographique Internacionale (ATypl).
Divididas em 7 classes.
Tipografia
Romanos (Fontes com Serifas)
• Imita escrita lapidária dos séculos I e II a. C.
• Largamente utilizada em livros e jornais por mais de
200 anos
• Leitura rápida e dinâmica
• Caracterizam pelas serifas (traços em suas bases)
Tipografia
Exemplos de Fonte Romana Humanística
Eixos
inclinados
Serifa
s
Tipografia
Exemplos de Fonte Romana Garalda
Eixos
inclinados
Serifas
Triangulares
Tipografia
Exemplos de Fonte Romana Transicional
Alto contraste nas
espessuras
Serifas
Pontiagudas
Tipografia
Exemplos de Fonte Romana Didone
Eixos VerticaisSerifas
Lineares
Tipografia
Exemplos de Fonte Romana Mecanizadas (Slab
Eixos VerticaisSerifas
Retangulares
Tipografia
Mais Exemplos Romanos
Tipografia
Lineares
• Também chamada de bastão ou lapidária
• Formas mais simplificadas e sem serifas
• Desenvolvidas no séc. XX
•Humanísticas Gill Sans, Optima Semelhança com as humanistas e garaldas, mas sem
serifas
Tipografia
Exemplos de Fontes Lineares Grotescas
Eixos retosSem
Serifas
Tipografia
Exemplos de Fontes Lineares Geométricas
GeométricaSem
Serifas
Tipografia
Exemplos de Fontes Lineares Neogrotescas
Hastes
Uniformes
Sem
Serifas
Tipografia
Exemplos de Fontes Lineares Humanísticas
Eixos
Inclinados
Sem
Serifas
Tipografia
Lineares (sem serifa)
Tipografia
Incisas (Semi serifa)
Semi-
Serifas
Tipografia
Góticas (Blackletter)
Imita a escrita à pena dos monges copistas
medievais
Predomínio de quase três séculos na Europa
Tipografia
Manuais
Letras mais desenhadas e decorativas
Linhas leves e inclinadas
Tipografia
Manuais Decorativas
Formas irregulares
Tipografia
Manuais “Brush”
Com ligação entre
caracteres Sem ligação entre
caracteres
Tipografia
Manuais
Tipografia
Manuscritas
Reflexo da Caligrafia
Reproduções aperfeiçoadas das letras
manuscritas
Tipografia
Não Latinas
Escritas que não utilizam o alfabeto latino
Tipografia
Variações estruturais do Tipo
● Tamanho (em pontos)
Medida dos caracteres ou do corpo
● Forma
Minúsculas (caixa-baixa), Maiúsculas
(caixa-alta) Versaletes (Maiúsculas com
tamanho de minúsculas)
● Distância entre as letras (kerning e
tracking)
Princípios básicos de tipografia
Tipografia
Corpo e olho do caractere
● Corpo equivale à máxima
distância entre a face
anterior e posterior de
tipo móvel metálico
● Essa medida vertical
continua vigorando na
editoração eletrônica,
embora de forma virtual
● É uma medida constante
em todos os alfabetos
Tipografia
Corpo e olho do caractere
● Olho é tudo o que se vê
da letra impressa
● Equivale às reais
dimensões do caractere
● Dividem-se em
Olho superior
Olho médio
Olho inferior
Tipografia
Corpo e olho do caractere
Tipografia
Anatomia tipográfica
Tipografia
Peso
Subdivide-se de acordo com a largura relativa
de suas hastes, ou seja, o seu peso.
Princípios básicos de tipografia
• Thin (ultra leve);
• Light (leve);
• Medium ou Book (regular);
• Semibold ou Demibold (meio pesado);
• Bold (pesado ou negrito);
• Black (ultra pesado)
Tipografia
Exemplo da fonte Univers (Adrian
Frutiger)
Tipografia
Contraste
Normal Aproximado
Expandido E s p a c e j a d o
Condensado
Inclinação
Normal
Itálico ou Italizado (Italic)
Princípios básicos de tipografia
Tipografia
Legibilidade – grau de distinção entre os
caracteres.
Repetição – criação de um padrão visual com o
leitor estabelecendo uma hierarquia.
Espacejamento óptico e mecânico
A B C R V ACDOLT LTVARA
espaçamento mecânico espaçamento óptico casos especiais
Princípios básicos de tipografia
Tipografia
Geometria dos Tipos
As formas básicas das letras são
geométricas, onde a construção segue a
estrutura do quadrado, triângulo ou de uma
circunferência.
● Quadrados: E, F, H, I, L, T, i, l
● Triângulos: A, V, W, v, w, y
● Círculos: C, G, Q, S, a, b, c, d, e, f, o, p, q, s
● Triângulos+quadrados: K, M, N, X, Y, Z, x, z,
k
● Quadrados+círculos: B, D, J, P, R, U, f, h, j,
m, n, r, t, u
Princípios básicos de tipografia
Tipografia
As Fontes
● A fonte é um conjunto de caracteres.
● A família é identificada pelo nome (Bodoni,
Caslon, Helvetica, etc).
Formatos de Fontes Digitais
● Adobe Type 1
● True Type
● Open Type
Tipografia
As Fontes no computador
O designer gráfico deve possuir um
número grande de fontes em seu
computador
Mas não se deve instalar todas as fontes no
Sistema Operacional, e sim armazená-las no
HD
Utilize um programa de gerenciamento de
fontes, por exemplo: SuitCase,
FontNavigator, Font Explorer, etc.

Mais conteúdo relacionado

Mais procurados

Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
Denise Lima
 
Introdução ao jornalismo
Introdução ao jornalismoIntrodução ao jornalismo
Introdução ao jornalismo
Ricardo De Jesus Machado
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
Elizabeth Fantauzzi
 
HQs
HQsHQs
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
dualpixel
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Linguagem audiovisual
Linguagem audiovisualLinguagem audiovisual
Linguagem audiovisual
Celso Viviani
 
Tipografia
TipografiaTipografia
Tipografia
Odair Cavichioli
 
Aula 04 formatos e características do papel
Aula 04   formatos e características do papelAula 04   formatos e características do papel
Aula 04 formatos e características do papelElizeu Nascimento Silva
 
Interpretação de texto
Interpretação de textoInterpretação de texto
Interpretação de texto
Cicero Luciano
 
Fechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScriptFechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScript
dualpixel
 
Tipografia
TipografiaTipografia
Tipografia
Lo-Ammi Santos
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
Elizeu Nascimento Silva
 
Elementos da comunicação pronto
Elementos da comunicação prontoElementos da comunicação pronto
Elementos da comunicação pronto
Dali Sá
 
Princípios da fotografia
Princípios da fotografiaPrincípios da fotografia
Princípios da fotografia
Cid Costa Neto
 
Revistas
RevistasRevistas
Da criação da imprensa até à sociedade contemporânea
Da criação da imprensa até à sociedade contemporâneaDa criação da imprensa até à sociedade contemporânea
Da criação da imprensa até à sociedade contemporânea
Nome Sobrenome
 
Storyboard
StoryboardStoryboard
Storyboard
Erico Fileno
 
Geração de 1945
Geração de 1945Geração de 1945
Geração de 1945Lourdinas
 

Mais procurados (20)

Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Introdução ao jornalismo
Introdução ao jornalismoIntrodução ao jornalismo
Introdução ao jornalismo
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
HQs
HQsHQs
HQs
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Linguagem audiovisual
Linguagem audiovisualLinguagem audiovisual
Linguagem audiovisual
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula 04 formatos e características do papel
Aula 04   formatos e características do papelAula 04   formatos e características do papel
Aula 04 formatos e características do papel
 
Interpretação de texto
Interpretação de textoInterpretação de texto
Interpretação de texto
 
Fechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScriptFechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScript
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
Elementos da comunicação pronto
Elementos da comunicação prontoElementos da comunicação pronto
Elementos da comunicação pronto
 
Princípios da fotografia
Princípios da fotografiaPrincípios da fotografia
Princípios da fotografia
 
Revistas
RevistasRevistas
Revistas
 
Da criação da imprensa até à sociedade contemporânea
Da criação da imprensa até à sociedade contemporâneaDa criação da imprensa até à sociedade contemporânea
Da criação da imprensa até à sociedade contemporânea
 
Modernismo segunda fase
Modernismo segunda faseModernismo segunda fase
Modernismo segunda fase
 
Storyboard
StoryboardStoryboard
Storyboard
 
Geração de 1945
Geração de 1945Geração de 1945
Geração de 1945
 

Semelhante a Tipografia

Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
ProfVivianeLopes
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1
Mariovski Sky
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADEpacobr
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
guest27bf18
 
Tipografia Aula
Tipografia AulaTipografia Aula
[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2Eduardo Novais
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
audreicarvalho
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
ssuser1a0198
 
Escrita 2
Escrita 2Escrita 2
Escrita 2
Norielem
 
Tipografia
TipografiaTipografia
Tipografia
Agência Page1
 
Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08
Anderson Andrade
 
Fazes da escrita
Fazes da escritaFazes da escrita
Fazes da escrita
Ciro Alves
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
Aline Okumura
 
A escrita egípcia
A escrita egípciaA escrita egípcia
A escrita egípcia
Carlos Vieira
 

Semelhante a Tipografia (20)

Tipografia final
Tipografia finalTipografia final
Tipografia final
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1
 
TIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADETIPOGRAFIA E PUBLICIDADE
TIPOGRAFIA E PUBLICIDADE
 
Tg Aula3 2008
Tg Aula3 2008Tg Aula3 2008
Tg Aula3 2008
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Tipografia Aula
Tipografia AulaTipografia Aula
Tipografia Aula
 
[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
Pd 10 11 evolucao da escrita latina
Pd 10 11 evolucao da escrita latinaPd 10 11 evolucao da escrita latina
Pd 10 11 evolucao da escrita latina
 
TIPOGRAFIA
TIPOGRAFIATIPOGRAFIA
TIPOGRAFIA
 
Tipologia
TipologiaTipologia
Tipologia
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
 
Escrita 2
Escrita 2Escrita 2
Escrita 2
 
Tipografia
TipografiaTipografia
Tipografia
 
Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08
 
Fazes da escrita
Fazes da escritaFazes da escrita
Fazes da escrita
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
A escrita egípcia
A escrita egípciaA escrita egípcia
A escrita egípcia
 

Tipografia