SlideShare uma empresa Scribd logo
1 de 41
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

Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoGabriel Ferraciolli
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022Renato Melo
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeDaniel Soto
 
Ebook Rebranding: Design e Estratégia para renovar marcas!
Ebook Rebranding: Design e Estratégia para renovar marcas!Ebook Rebranding: Design e Estratégia para renovar marcas!
Ebook Rebranding: Design e Estratégia para renovar marcas!Beto Lima Branding
 
Manual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaManual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaLuis Alexandre
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisDaniel Soto
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Renato Melo
 

Mais procurados (20)

Impressão Offset
Impressão Offset Impressão Offset
Impressão Offset
 
Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de Impressão
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Tipografia
TipografiaTipografia
Tipografia
 
Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de Qualidade
 
Ebook Rebranding: Design e Estratégia para renovar marcas!
Ebook Rebranding: Design e Estratégia para renovar marcas!Ebook Rebranding: Design e Estratégia para renovar marcas!
Ebook Rebranding: Design e Estratégia para renovar marcas!
 
Manual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaManual de marca e identidade visual qualivida
Manual de marca e identidade visual qualivida
 
Identidade de marca, breve introdução
Identidade de marca, breve introduçãoIdentidade de marca, breve introdução
Identidade de marca, breve introdução
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - Papéis
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022
 

Semelhante a Tipografia: A Arte da Escrita

Semelhante a Tipografia: A Arte da Escrita (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
 
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
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao 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
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
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
 

Tipografia: A Arte da Escrita