SlideShare ist ein Scribd-Unternehmen logo
1 von 82
Downloaden Sie, um offline zu lesen
!
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

Weitere ähnliche Inhalte

Was ist angesagt?

Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
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
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
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
 
(Breve) Introdução ao Design
(Breve) Introdução ao Design(Breve) Introdução ao Design
(Breve) Introdução ao DesignMarcio Duarte
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de TipografiaFábio Gonçalves
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 

Was ist angesagt? (20)

Tipografia
TipografiaTipografia
Tipografia
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto 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.
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
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
 
Aula 1 - Direção de Arte
Aula 1 - Direção de ArteAula 1 - Direção de Arte
Aula 1 - Direção de Arte
 
Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
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
 
(Breve) Introdução ao Design
(Breve) Introdução ao Design(Breve) Introdução ao Design
(Breve) Introdução ao Design
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 

Andere mochten auch (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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 

Kürzlich hochgeladen (9)

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 

História da tipografia