SlideShare une entreprise Scribd logo
1  sur  82
Télécharger pour lire hors ligne
!
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

Contenu connexe

Tendances

Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Hely Costa Júnior
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00Valdir Soares
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
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
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
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
 
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
 

Tendances (20)

Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Tipografia
TipografiaTipografia
Tipografia
 
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 gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
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
 
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
 
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.
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Aula 1 - Direção de Arte
Aula 1 - Direção de ArteAula 1 - Direção de Arte
Aula 1 - Direção de Arte
 
Aula 06 cores especiais
Aula 06   cores especiaisAula 06   cores especiais
Aula 06 cores especiais
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 

En vedette (20)

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
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
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
 

Plus 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
 

Plus 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
 

2. Aula Tipografia