SlideShare uma empresa Scribd logo
1 de 82
Baixar para ler offline
!
Tipografia
Profª Aline Okumura
Grego - TYPOS = MARCA ou IMPRESSÃO GRAPHÉ = ESCRITA
Trajetória da Tipografia
TrajetóriadaTipografia
ABJAD - escrita arábica ABUGIDA- escrita hindu e seu alfabeto devanagári
Egípcio Japonês
Ideogramas
Graffiti Wildstyle
Livro Xilográfico
A invenção chinesa de tipos separados
antecedeu as experiências de Gutenberg
em mais de quatrocentos anos. O
inventor foi Bi Sheng (c. 990-1051
d.C.) por volta do ano 1040 da era
cristã. Os tipos eram feitos inicialmente
de argila cozida, passando à madeira e
por fim, ao bronze. Contudo, esses
tipos móveis chineses ficaram restritos
à impressão tabulária.
Impressão Tabulária
Literatura de Cordel
Ancestral do livro, consistia na cópia dos textos bíblicos, é o texto escrito à mão,
independente do suporte, técnica ou instrumento. Por convenção, ao longo do
tempo, a palavra manuscrito passou a designar materiais escritos em papiro,
pergaminho ou papel.
Manuscrito
Johannes Gensfleisch zur Laden
zum Gutenberg (1398-1468), em
1455, desenvolve os tipos móveis,
dando início ao revolucionário
processo de reprodução da escrita
em série.
Impressão
O tipo móvel, que era uma maneira de
escrever com pequenos pedaços de
chumbo, inventado por Gutenberg, em
1454, na Alemanha, facilitou a entrada
da escrita para o mundo da reprodução
em série. Começava-se a pensar pela
primeira vez na possibilidade de
diagramar uma página. Desde os
primeiros tipos gráficos de chumbo, a
letra já ganhava um caráter de projeto.
Tipo Móvel
Elementos do tipo
Anatomia Corpo Visual
Anatomia Estruturação do Tipo
Tipo Móvel
é o conjunto completo de caracteres sob o
mesmo estilo e em todos os corpos: caixa alta
e baixa, sinais de pontuação, acentos e
numerais.
Fonte
Família
São todas as variações da fonte.
Ex.:
Helvetica Extra Bold
Helvetica Bold
Helvetica Italico
fino-grosso
serifa
ênfase diagonal
serifa inclinada
Antigo apropriado para textos longos
Moderno desapropriado para textos longos
fino-grosso
ênfase vertical
serifa horizontal
e fina
M. Serifa Grossa indicada p/ leitura clara e direta
fino-grosso pouco
ou inexistente
ênfase vertical
serifa horizontais
e grossas
fino-grosso
inexistente
ênfase
inexistente
serifa
inexistente
M. Sem Serifa cuidado ao contrasta-lá
conectam
não conectam
Cursiva desapropriada a textos longos
Decorativo utilização limitada
+
LEGIBILIDADEMAXIMO: 3 TIPOS DIFERENTES
+fontes
- LEGIBILIDADE
Espaçamento
Espaçamento entre letras
Espaçamento entre palavras
Espaçamento entre linhas
Alinhamento
Alinhamento
Centralizar, ainda não
Centralizar, ainda não
Centralizar, ainda não
Centralizar, ainda não
Não Centralize, ainda
Classificações Tipográficas
seres humanos não lêem as palavras letra a
letra, mas em blocos
Serifas respondem
TAMBÉM É POR ESSE MESMO MOTIVO QUE OS
TEXTOS ESCRITOS EM MAIÚSCULAS SÃO TÃO
DIFÍCEIS DE SE LER.
!
MESMAALTURA + MESMA LARGURA
=
LEITURA DIFÍCIL
POR QUE?
1982
Monotype, Inglaterra 1980
A História da Palavra - O Nascimento da Escrita http://youtu.be/TVxmJoi-DDg
História da Tipografia em stop-motion. http://youtu.be/MN63btvwsgY
Entrevista Luli Radfahrer. http://youtu.be/XPg_fHbVYms
Historia da Tipografia http://youtu.be/skySGQTc_Rg
BRINGHURST. Robert. Elemento do estilo tipográfico. São Paulo: Cosac Naify, 2005.
LUPTON, Ellen. Pensar com tipos: guia para designers, escritores, editores e estudantes. São Paulo: Cosac Naify, 2006.
MATSUSHITA, Raquel. Fundamentos gráficos para um design consciente. São Paulo: Musa Editora, 2011.
MORGAN, Margaret. La Biblia de las Letras Iluminadas: um tesoro de la caligrafia decorativa. Ed. H. Blumes, 2007.
ROYO, Javier. Design Digital. São Paulo: Ed. Rosari, 2008.
KNIGHT, Carolyn. Design Gráfico e digital: prática e ideias criativas: conceito, metodologia e dicas para criação de um
portifólio. São Paulo: Ed.Rosari, 2012
CHAMMA, Norberto. Marcas e Sinalização: práticas em design corporativo. São Paulo: Editora Senac São Paulo: 2007.
Bibliografia

Mais conteúdo relacionado

Mais procurados

Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
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
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)Rodrigo Freese Gonzatto
 
Revisão Prova Produção Gráfica 2018
Revisão Prova Produção Gráfica 2018Revisão Prova Produção Gráfica 2018
Revisão Prova Produção Gráfica 2018Renato Melo
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da FormaSara Veludo
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
O estilo tipográfico internacional
O estilo tipográfico internacionalO estilo tipográfico internacional
O estilo tipográfico internacionalMilton Batista
 

Mais procurados (20)

Principios do design
Principios do designPrincipios do design
Principios do design
 
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]
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Tipografia
TipografiaTipografia
Tipografia
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Comunicação visual
Comunicação visualComunicação visual
Comunicação visual
 
Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)Ler imagens (Gestalt e composição para Design de Interfaces)
Ler imagens (Gestalt e composição para Design de Interfaces)
 
Revisão Prova Produção Gráfica 2018
Revisão Prova Produção Gráfica 2018Revisão Prova Produção Gráfica 2018
Revisão Prova Produção Gráfica 2018
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da Forma
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Aula 4 TIPOLOGIA
Aula 4   TIPOLOGIAAula 4   TIPOLOGIA
Aula 4 TIPOLOGIA
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
O estilo tipográfico internacional
O estilo tipográfico internacionalO estilo tipográfico internacional
O estilo tipográfico internacional
 

Destaque (19)

A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOPA TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Aula07 planejamento grafico
Aula07 planejamento graficoAula07 planejamento grafico
Aula07 planejamento grafico
 
Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitais
 
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
 
Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1
 
Rhinojoias 2
Rhinojoias 2Rhinojoias 2
Rhinojoias 2
 
Rhinojoias
RhinojoiasRhinojoias
Rhinojoias
 
Experimentação de um produto
Experimentação de um produtoExperimentação de um produto
Experimentação de um produto
 
Aula - Finalização de Criação/Layout
Aula - Finalização de Criação/LayoutAula - Finalização de Criação/Layout
Aula - Finalização de Criação/Layout
 
Design
DesignDesign
Design
 
Pragmatics
PragmaticsPragmatics
Pragmatics
 
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do Design
 
A imprensa
A imprensaA imprensa
A imprensa
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014
 
Histórias de sucesso em Serigrafia
Histórias de sucesso em SerigrafiaHistórias de sucesso em Serigrafia
Histórias de sucesso em Serigrafia
 

Mais de Aline Okumura

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfAline Okumura
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmodaAline Okumura
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artisticaAline Okumura
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do PhotoshopAline Okumura
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte ConceitualAline Okumura
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art Aline Okumura
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo AbstratoAline Okumura
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismoAline Okumura
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e SurrealismoAline Okumura
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo VorticismoAline Okumura
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo CubismoAline Okumura
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 ImpressionismoAline Okumura
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and CraftsAline Okumura
 

Mais de Aline Okumura (15)

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdf
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmoda
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artistica
 
Frases Ilustradas
Frases IlustradasFrases Ilustradas
Frases Ilustradas
 
Costura e Bordado
Costura e BordadoCostura e Bordado
Costura e Bordado
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do Photoshop
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte Conceitual
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo Abstrato
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e Surrealismo
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo Vorticismo
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo Cubismo
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 Impressionismo
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and Crafts
 

História da tipografia