SlideShare uma empresa Scribd logo
!
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

Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
Elizabeth Fantauzzi
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
Fabio Silveira: Designer | Professor
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
Denise Lima
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
guest788d5c4
 
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
Gabriel Ferraciolli
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
Fabio Silveira: Designer | Professor
 
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
nfeio
 
Tipografia
TipografiaTipografia
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
Fabio Silveira: Designer | Professor
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
Sergio Ollandezos
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
Pedro Couto e Santos
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
Karol Gandra
 
Aula 01 sistemas de composição e processos de impressão
Aula 01   sistemas de composição e processos de impressãoAula 01   sistemas de composição e processos de impressão
Aula 01 sistemas de composição e processos de impressãoElizeu Nascimento Silva
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagensRafael Serra
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
Ed Marcos
 

Mais procurados (20)

Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
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 | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
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 design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
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
 
DIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAISDIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAIS
 
Tipografia
TipografiaTipografia
Tipografia
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
 
Aula 01 sistemas de composição e processos de impressão
Aula 01   sistemas de composição e processos de impressãoAula 01   sistemas de composição e processos de impressão
Aula 01 sistemas de composição e processos de impressão
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 

Destaque

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
Renato Melo
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
Aline Okumura
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
ProfVivianeLopes
 
Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitais
Aline Okumura
 
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
 
Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1
Kátia Modesto Valério
 
Rhinojoias 2
Rhinojoias 2Rhinojoias 2
Rhinojoias 2
TrêsDtec Soluções
 
Rhinojoias
RhinojoiasRhinojoias
Experimentação de um produto
Experimentação de um produtoExperimentação de um produto
Experimentação de um produto
Bento Gustavo de Sousa Pimentel
 
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
Gabriel Ferraciolli
 
Design
DesignDesign
Pragmatics
PragmaticsPragmatics
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do DesignAline Okumura
 
INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014INTRODUÇÃO AO PHOTOSHOP 2014
INTRODUÇÃO AO PHOTOSHOP 2014
Renato Melo
 
Histórias de sucesso em Serigrafia
Histórias de sucesso em SerigrafiaHistórias de sucesso em Serigrafia
Histórias de sucesso em Serigrafia
Instituto Denver
 

Destaque (18)

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
 
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.pdf
Aline 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 artistica
Aline 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 Conceitual
Aline 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 Abstrato
Aline 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 decostrutivismo
Aline Okumura
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e Surrealismo
Aline Okumura
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aline Okumura
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo Cubismo
Aline Okumura
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 Impressionismo
Aline Okumura
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and Crafts
Aline 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
 

2. Aula Tipografia