SlideShare a Scribd company logo
1 of 41
Download to read offline
Lo-Ammi Santos
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.
Anatomia do tipo
Anatomia do tipo
Anatomia do tipo
Anatomia do tipo
Classifi cação Tipográfi ca 
Sem serifa (Bastão) 
Com serifa (Egipciana) 
Elzevir (Serifa triangular) 
Didot (Serifa simples)
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 efêmera 
ou de impacto
Kerning
Kerning 
Ton 
Ave
Entrelinhamento 
Pudantis et faceatibus unt aliqui illuptatate conem landuntur, eictur? 
Fugitat emporpo reicimolut qui dolupti alicienima niet aliquam, officit rentus rehendi 
orporro rerspel il magniaecusam quatur? Qui quam, susape nonsenda vellabora qui 
vellaborate inus nes eum et erferiat.et est doluptae. Corempeditae num im laborror sum as 
molupta tempore la vent, nos moloreprate que landipidel iduciis nullaborum volore verum 
nullest, volo tet, si con rem quam volecate es santi te dolut estia cusam quunt.tium accus es 
nest, experum quunt quosandenis voluptiant. 
Pudantis et 
faceatibus unt aliqui 
illuptatate conem 
landuntur, eictur? 
Fugitat emporpo 
reicimolut qui 
dolupti alicienima
Entrelinhamento 
Pudantis et faceatibus unt aliqui illuptatate conem landuntur, eictur? 
Fugitat emporpo reicimolut qui dolupti alicienima niet aliquam, officit 
rentus rehendi orporro rerspel il magniaecusam quatur? Qui quam, 
susape nonsenda vellabora qui vellaborate inus nes eum et erferiat.et 
est doluptae. Corempeditae num im laborror sum as molupta tempore 
la vent, nos moloreprate que landipidel iduciis nullaborum volore verum 
nullest, volo tet, si con rem quam volecate es santi te dolut estia cusam 
quunt.tium accus es nest, experum quunt quosandenis voluptiant.
Tipografia como conteúdo 
Palavras também são figuras. A tipografia pode 
ser transformada em imagem através de diversas 
abordagens. Cada uma delas oferece uma nova via de 
exploração, e muitas podem ser adequadas tanto para a 
comunicação desejada quanto para aspectos formais da 
própria tipografia.
Tipografia como conteúdo 
Pictorialização
Tipografia como conteúdo 
Inclusão pictórica
Tipografia como conteúdo 
Desconstrução sintática
Tipografia como conteúdo 
Substituição de formas
Tipografia como conteúdo 
Alteração de formas
Tipografia como conteúdo 
Ornamentação
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
Tipografia na Publicidade
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
Os pecados tipográficos 
1. Fazer arranjos arbitrários nos quais a 
composição visual supere a mensagem.
Os pecados tipográficos 
2. Imprimir a tipografia sobre fundo que chama 
a atenção e pertuba a concentração do leitor.
Os pecados tipográficos 
3. Achar chato ler, examinar ou entender o que 
o texto diz, antes de fazer o layout.
Os pecados tipográficos 
4. 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 
Guia de Design Editorial, Timothy Samara 
pt.wikipedia.org 
obrigado!

More Related Content

What's hot

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
 
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-designersKarol Gandra
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de designangelicaferraz
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
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
 
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
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
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
 
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)

Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
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
 
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
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de design
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
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.
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Tipografia
TipografiaTipografia
Tipografia
 
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
 
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
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
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 | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
O Cartaz
O CartazO Cartaz
O Cartaz
 

Viewers also liked (18)

Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Comunicação na Igreja
Comunicação na IgrejaComunicação na Igreja
Comunicação na Igreja
 
Tipografia
TipografiaTipografia
Tipografia
 
Experimentação de um produto
Experimentação de um produtoExperimentação de um produto
Experimentação de um produto
 
Rhinojoias
RhinojoiasRhinojoias
Rhinojoias
 
Rhinojoias 2
Rhinojoias 2Rhinojoias 2
Rhinojoias 2
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Aula 07 impressão 3 d
Aula 07   impressão 3 dAula 07   impressão 3 d
Aula 07 impressão 3 d
 
Gestalt do Objeto - João Gomes Filho
Gestalt do Objeto - João Gomes FilhoGestalt do Objeto - João Gomes Filho
Gestalt do Objeto - João Gomes Filho
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Projeto editorial e projeto gráfico
Projeto editorial e projeto gráficoProjeto editorial e projeto gráfico
Projeto editorial e projeto gráfico
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
Impressão 3D - Um futuro sob demanda
Impressão 3D - Um futuro sob demandaImpressão 3D - Um futuro sob demanda
Impressão 3D - Um futuro sob demanda
 
Laboratorio de Linguagem 2D e 3D
Laboratorio de Linguagem 2D e 3DLaboratorio de Linguagem 2D e 3D
Laboratorio de Linguagem 2D e 3D
 

Similar to Tipografia - versão 2.0

Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08Anderson Andrade
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.pptssuser1a0198
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Renato Melo
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Renato Melo
 
tipologiacores
tipologiacorestipologiacores
tipologiacorespedruga
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Renato Melo
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/Luedy Costa
 
Cadernofone produção de texto
Cadernofone produção de textoCadernofone produção de texto
Cadernofone produção de textoEvilane Alves
 
Exercício de Ergonomia Informacional – Etapa 1, análise.
Exercício de Ergonomia Informacional – Etapa 1, análise.Exercício de Ergonomia Informacional – Etapa 1, análise.
Exercício de Ergonomia Informacional – Etapa 1, análise.Mario Figueiredo
 

Similar to Tipografia - versão 2.0 (13)

Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
 
Tipografia 2
Tipografia 2Tipografia 2
Tipografia 2
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01
 
Conceitos sobre Tipografia
Conceitos sobre TipografiaConceitos sobre Tipografia
Conceitos sobre Tipografia
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/
 
Cadernofone produção de texto
Cadernofone produção de textoCadernofone produção de texto
Cadernofone produção de texto
 
Exercício de Ergonomia Informacional – Etapa 1, análise.
Exercício de Ergonomia Informacional – Etapa 1, análise.Exercício de Ergonomia Informacional – Etapa 1, análise.
Exercício de Ergonomia Informacional – Etapa 1, análise.
 
Dicas para um bom texto jornalístico
Dicas para um bom texto jornalísticoDicas para um bom texto jornalístico
Dicas para um bom texto jornalístico
 

Tipografia - versão 2.0