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?

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
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 

Was ist angesagt? (20)

Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Tipografia
TipografiaTipografia
Tipografia
 
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
 
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
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
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
 
Tipos e formatos de imagens
Tipos e formatos de imagensTipos e formatos de imagens
Tipos e formatos de imagens
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
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 e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 

Andere mochten auch

Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do Design
Aline Okumura
 

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

Mehr von Aline Okumura

Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmoda
Aline Okumura
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do Photoshop
Aline 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
 

2. Aula Tipografia