SlideShare ist ein Scribd-Unternehmen logo
1 von 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) Elzevir (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 ,[object Object]
Jornais
Revistas
Manuais
HipertextoTipografia efêmera ou de impacto ,[object Object]
Capas
Logotipos
Embalagens
Anúncios
Sinalização,[object Object]
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

Weitere ähnliche Inhalte

Was ist angesagt?

Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
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 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/2Fábio Gonçalves
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
Aula 09 design gráfico na publicidade uso das cores
Aula 09   design gráfico na publicidade uso das coresAula 09   design gráfico na publicidade uso das cores
Aula 09 design gráfico na publicidade uso das coresElizeu Nascimento Silva
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 

Was ist angesagt? (20)

Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
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
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
A comunicação visual
A comunicação visualA comunicação visual
A comunicação visual
 
Aula 09 design gráfico na publicidade uso das cores
Aula 09   design gráfico na publicidade uso das coresAula 09   design gráfico na publicidade uso das cores
Aula 09 design gráfico na publicidade uso das cores
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 

Andere mochten auch

Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest788d5c4
 
Slide módulo 4 - diagramação
Slide   módulo 4 - diagramaçãoSlide   módulo 4 - diagramação
Slide módulo 4 - diagramaçãoPetcom
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografiaDenise Lima
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoLuiz Agner
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia profclaubordin
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
PowerPoint da Tipografia
PowerPoint da TipografiaPowerPoint da Tipografia
PowerPoint da TipografiaHugo Galvão
 
Tipografia & História
Tipografia & HistóriaTipografia & História
Tipografia & HistóriaNaieni Ferraz
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5aulaemvideo
 
A imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutA imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutRodrigo Jorge
 

Andere mochten auch (20)

Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Tipografia
TipografiaTipografia
Tipografia
 
Slide módulo 4 - diagramação
Slide   módulo 4 - diagramaçãoSlide   módulo 4 - diagramação
Slide módulo 4 - diagramação
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Pg I Aula 1
Pg I Aula 1Pg I Aula 1
Pg I Aula 1
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
PowerPoint da Tipografia
PowerPoint da TipografiaPowerPoint da Tipografia
PowerPoint da Tipografia
 
Tipografia & História
Tipografia & HistóriaTipografia & História
Tipografia & História
 
Conceituando Editoração Eletrônica
Conceituando Editoração EletrônicaConceituando Editoração Eletrônica
Conceituando Editoração Eletrônica
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5
 
A imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutA imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layout
 
Tipografía slideshare
Tipografía slideshareTipografía slideshare
Tipografía slideshare
 
Boneco
BonecoBoneco
Boneco
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 

Ähnlich wie Tipografia

Informática para Internet - Aula 08
Informática para Internet - Aula 08Informática para Internet - Aula 08
Informática para Internet - Aula 08Anderson Andrade
 
AULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAAULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAEd Marcos
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/Luedy Costa
 
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
 

Ähnlich wie Tipografia (8)

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 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/
 
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
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Design
DesignDesign
Design
 

Kürzlich hochgeladen

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
 
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
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
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
 
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
 
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
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
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)

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
 
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
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
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
 
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
 
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
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
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
 

Tipografia