SlideShare a Scribd company logo
1 of 48
O que é tipografia?
Do grego, typographia - escrita com tipos.
Composição de um texto usando símbolos
alfabéticos, numéricos e de pontuação com o
objetivo de reproduzi-lo múltiplas
vezes, minimizando esforço e custo.
O que é tipografia?
Processo desde a criação
dos caracteres à sua
composição e impressão, de
modo que resulte num
produto gráfico ao mesmo
tempo adequado, legível e
agradável.
Tipo • Fonte • Tipografia
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Classificação
Tipográfica
Sem serifa (Bastão)
Com serifa (Egipciana)
Elzevier (Serifa triangular)
Didot (Serifa simples)
Cursivas
Dingbats
Legibilidade e
Leiturabilidade
Legibilidade – refere-se ao aspecto geral de
cada letra e a habilidade do leitor em distinguir
uma das outras.
Leiturabilidade – refere-se a como o tipo se
comporta em um texto.
Legibilidade e
Leiturabilidade
Tipografia de leitura
contínua ou de longa
durabilidade
•Livros
•Jornais
•Revistas
•Manuais
•Hipertexto

Tipografia efêmera
ou de impacto
•Cartazes
•Capas
•Logotipos
•Embalagens
•Anúncios
•Sinalização
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia de
leitura
contínua ou
de longa
durabilidade
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia
efêmera ou de
impacto
Tipografia
efêmera ou de
impacto
Tipografia efêmera ou de impacto
Kerning
Ajustamento individual
do espaço entre duas
letras, para compensar o
excesso ou a escassez de
espaço entre as mesmas,
derivados do desenho
desses caracteres em
particular.
Kerning
Leading
Tracking
Regras tipográficas
Regra 1
Para uma legibilidade
máxima, escolha Tipos Clássicos e
testados ao longo do tempo, com um
“cadastro” comprovado.
Regras tipográficas
Regra 1
Regras tipográficas
Regra 2
Um texto composto somente em
caixa-alta atrasa muito a leitura.
Utilize caixa-alta e baixa para obter a
melhor leiturabilidade possível.
Regras tipográficas
Regra 3
Tenha o bom senso de não utilizar
demasiados Tipos diferentes ao
mesmo tempo.
Regras tipográficas
Regra 3
Regras tipográficas
Regra 4
Realce os elementos no texto com
discrição e sem perturbar o fluxo da
leitura. No design, menos é mais.
Regras tipográficas
Regra 4
Regras tipográficas
Regra 5
Utilize comprimentos de linha
adequados. As linhas demasiado
curtas ou compridas prejudicam o
processo de leitura.
Regras tipográficas
Regra 5
Tipografia na
publicidade
Tipografia como arte
Tipografia como arte
Tipografia como arte
Tipografia na
construção de Marcas
Os pecados tipográficos
"Para um leitor, a coisa mais
fácil de fazer é parar de ler.”
Barney Kilgore, legendário editor do
Wall Street Journal, 1941-1966.
Os pecados tipográficos
Fazer arranjos arbitrários nos
quais a composição visual
supere a mensagem.
Os pecados tipográficos
Imprimir a tipografia sobre
fundo que chama a atenção e
perturba a concentração do
leitor.
Os pecados tipográficos
Achar chato ler, examinar ou
entender o que o texto
diz, antes de fazer o layout.
Os pecados tipográficos
Brincar com os tipos só pra ser
diferente, inventivo, criativo.
Referências
Edição e Design, Jan White
Guia de Tipos, Manuel Sousa
Produção Gráfica, Lorenzo Baer
pt.wikipedia.org

More Related Content

What's hot

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
 

What's hot (20)

Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula 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
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Teoria do design aula 2 - Estudo das Cores
Teoria do design   aula 2 - Estudo das CoresTeoria do design   aula 2 - Estudo das Cores
Teoria do design aula 2 - Estudo das Cores
 
O cartaz
O cartazO cartaz
O cartaz
 
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
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
paginação grafica
paginação graficapaginação grafica
paginação grafica
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 

Similar to Tipografia - Aula (9)

Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08
 
Tipografia 2
Tipografia 2Tipografia 2
Tipografia 2
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Aula 4 TIPOLOGIA
Aula 4   TIPOLOGIAAula 4   TIPOLOGIA
Aula 4 TIPOLOGIA
 
AULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAAULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIA
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/
 
Tipografia
TipografiaTipografia
Tipografia
 
Design
DesignDesign
Design
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 

More from Elizabeth Fantauzzi

More from Elizabeth Fantauzzi (20)

Metodologias Ativas - AMPLIFICA
Metodologias Ativas - AMPLIFICAMetodologias Ativas - AMPLIFICA
Metodologias Ativas - AMPLIFICA
 
A descoberta do fluxo Mihaly Csikszentmihalyi
A descoberta do fluxo Mihaly CsikszentmihalyiA descoberta do fluxo Mihaly Csikszentmihalyi
A descoberta do fluxo Mihaly Csikszentmihalyi
 
Aula1 lab interf_interacao_interface_affordance
Aula1 lab interf_interacao_interface_affordanceAula1 lab interf_interacao_interface_affordance
Aula1 lab interf_interacao_interface_affordance
 
Manual de Boas Práticas do Geekie Lab - ebook
Manual de Boas Práticas do Geekie Lab - ebookManual de Boas Práticas do Geekie Lab - ebook
Manual de Boas Práticas do Geekie Lab - ebook
 
Tudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficosTudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficos
 
Por que usar indicadores de desempenho na Educação?
Por que usar indicadores de desempenho na Educação?Por que usar indicadores de desempenho na Educação?
Por que usar indicadores de desempenho na Educação?
 
Dicas de fotografia por Claudia Regina
Dicas de fotografia por Claudia ReginaDicas de fotografia por Claudia Regina
Dicas de fotografia por Claudia Regina
 
Livro Diferença e Repetição - Delleuze
Livro Diferença e Repetição - DelleuzeLivro Diferença e Repetição - Delleuze
Livro Diferença e Repetição - Delleuze
 
COMO TRANSFORMAR O CELULAR EM UM ALIADO DO PROFESSOR
COMO TRANSFORMAR O CELULAR EM UM ALIADO DO PROFESSORCOMO TRANSFORMAR O CELULAR EM UM ALIADO DO PROFESSOR
COMO TRANSFORMAR O CELULAR EM UM ALIADO DO PROFESSOR
 
As tendências do laboratório de informática nas instituições de ensino
As tendências do laboratório de informática nas instituições de ensinoAs tendências do laboratório de informática nas instituições de ensino
As tendências do laboratório de informática nas instituições de ensino
 
Geekie tri_final
Geekie tri_finalGeekie tri_final
Geekie tri_final
 
Para além do data-show
Para além do data-showPara além do data-show
Para além do data-show
 
Internet das Coisas
Internet das CoisasInternet das Coisas
Internet das Coisas
 
Um mundo, uma escola - a Educação Reinventada - Salman Khan
Um mundo, uma escola - a Educação Reinventada - Salman KhanUm mundo, uma escola - a Educação Reinventada - Salman Khan
Um mundo, uma escola - a Educação Reinventada - Salman Khan
 
Tecnologias para a Transformação da Educação
Tecnologias para a Transformação da EducaçãoTecnologias para a Transformação da Educação
Tecnologias para a Transformação da Educação
 
Inovações Educativas
Inovações Educativas Inovações Educativas
Inovações Educativas
 
Educação e Tecnologia - parcerias 3.0
Educação e Tecnologia - parcerias 3.0Educação e Tecnologia - parcerias 3.0
Educação e Tecnologia - parcerias 3.0
 
Facebook para Educadores
Facebook para EducadoresFacebook para Educadores
Facebook para Educadores
 
Recriando a educação
Recriando a educaçãoRecriando a educação
Recriando a educação
 
Cultura digital e Educação
Cultura digital e EducaçãoCultura digital e Educação
Cultura digital e Educação
 

Recently uploaded

Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptxSlide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
sfwsoficial
 

Recently uploaded (20)

Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptxSlide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
Slide Licao 4 - 2T - 2024 - CPAD ADULTOS - Retangular.pptx
 
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptxEB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
EB1 Cumeada Co(n)Vida à Leitura - Livros à Solta_Serta.pptx
 
Slides Lição 07, Central Gospel, As Duas Testemunhas Do Final Dos Tempos.pptx
Slides Lição 07, Central Gospel, As Duas Testemunhas Do Final Dos Tempos.pptxSlides Lição 07, Central Gospel, As Duas Testemunhas Do Final Dos Tempos.pptx
Slides Lição 07, Central Gospel, As Duas Testemunhas Do Final Dos Tempos.pptx
 
Alemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf HitlerAlemanha vs União Soviética - Livro de Adolf Hitler
Alemanha vs União Soviética - Livro de Adolf Hitler
 
Nós Propomos! Sertã 2024 - Geografia C - 12º ano
Nós Propomos! Sertã 2024 - Geografia C - 12º anoNós Propomos! Sertã 2024 - Geografia C - 12º ano
Nós Propomos! Sertã 2024 - Geografia C - 12º ano
 
Meu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livroMeu corpo - Ruth Rocha e Anna Flora livro
Meu corpo - Ruth Rocha e Anna Flora livro
 
Sismologia_7ºano_causas e consequencias.pptx
Sismologia_7ºano_causas e consequencias.pptxSismologia_7ºano_causas e consequencias.pptx
Sismologia_7ºano_causas e consequencias.pptx
 
O que é uma Revolução Solar. tecnica preditiva
O que é uma Revolução Solar. tecnica preditivaO que é uma Revolução Solar. tecnica preditiva
O que é uma Revolução Solar. tecnica preditiva
 
Atividade do poema sobre mãe de mário quintana.pdf
Atividade do poema sobre mãe de mário quintana.pdfAtividade do poema sobre mãe de mário quintana.pdf
Atividade do poema sobre mãe de mário quintana.pdf
 
Abuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescenteAbuso Sexual da Criança e do adolescente
Abuso Sexual da Criança e do adolescente
 
livro para educação infantil conceitos sensorial
livro para educação infantil conceitos sensoriallivro para educação infantil conceitos sensorial
livro para educação infantil conceitos sensorial
 
ufcd_9649_Educação Inclusiva e Necessidades Educativas Especificas_índice.pdf
ufcd_9649_Educação Inclusiva e Necessidades Educativas Especificas_índice.pdfufcd_9649_Educação Inclusiva e Necessidades Educativas Especificas_índice.pdf
ufcd_9649_Educação Inclusiva e Necessidades Educativas Especificas_índice.pdf
 
Planejamento 2024 - 1º ano - Matemática 38 a 62.pdf
Planejamento 2024 - 1º ano - Matemática  38 a 62.pdfPlanejamento 2024 - 1º ano - Matemática  38 a 62.pdf
Planejamento 2024 - 1º ano - Matemática 38 a 62.pdf
 
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
UFCD_9184_Saúde, nutrição, higiene, segurança, repouso e conforto da criança ...
 
Conteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persaConteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persa
 
Produção de poemas - Reciclar é preciso
Produção  de  poemas  -  Reciclar é precisoProdução  de  poemas  -  Reciclar é preciso
Produção de poemas - Reciclar é preciso
 
As Mil Palavras Mais Usadas No Inglês (Robert de Aquino) (Z-Library).pdf
As Mil Palavras Mais Usadas No Inglês (Robert de Aquino) (Z-Library).pdfAs Mil Palavras Mais Usadas No Inglês (Robert de Aquino) (Z-Library).pdf
As Mil Palavras Mais Usadas No Inglês (Robert de Aquino) (Z-Library).pdf
 
Livro infantil: A onda da raiva. pdf-crianças
Livro infantil: A onda da raiva. pdf-criançasLivro infantil: A onda da raiva. pdf-crianças
Livro infantil: A onda da raiva. pdf-crianças
 
análise obra Nós matamos o cão Tinhoso.pdf
análise obra Nós matamos o cão Tinhoso.pdfanálise obra Nós matamos o cão Tinhoso.pdf
análise obra Nós matamos o cão Tinhoso.pdf
 
Multiplicação - Caça-número
Multiplicação - Caça-número Multiplicação - Caça-número
Multiplicação - Caça-número
 

Tipografia - Aula