SlideShare a Scribd company logo
1 of 57
TIPOGRAFIA 
Prof. Tiago Santana
typos > forma 
graphein > escrita 
Processo físico e/ou digital de 
criação e composição de textos. 
Estruturação visual dos caracteres.
A forma comunica 
Considerar aspectos 
socioculturais, psicológicos e 
estéticos inerentes ao projeto
Vicente Connare – Designer Microsoft
Anatomia 
Dos tipos 
Prof. Tiago Santana
Anatomia dos Tipos 
Versal ou maiúscula Minúscula 
Tipografia 
Ascendente 
Linha de base Linha média 
Times New Roman 
Linha das ascendentes 
Altura das capitais 
Linha das descendentes 
Descendentes 
Ligadura
Anatomia dos Tipos 
Tipografia 
Times New Roman 
Corpo 
Altura x 
distância entre a linha ascendente e a linha descendente. 
É medido em pontos (1 pt = 0,351mm)
Anatomia dos Tipos 
Fonte: www.chocoladesign.com
Anatomia dos Tipos 
b l T K Q r 
Garamond 
Haste 
Bojo 
Barra Braço 
Cauda 
Gancho 
Serifa Perna
Anatomia dos Tipos 
n A g b a 
Espora 
Ombro 
Vértice Orelha Terminal 
Ligação 
Garamond
família tipográfica fonte 
Conjunto de caracteres desenhados 
com os mesmos parâmetros gráficos. 
Caracteres de uma família em 
um peso específico. 
Fonte: www.chocoladesign.com
Classificação das Famílias Tipográficas 
romanas antigas 
ABC ABCDEFGHIJKLMOPQRSTUVWXYZ 
abcdefghijklmopqrstuvwxyz 
Times New Roman
Classificação das Famílias Tipográficas 
romanas antigas 
As hastes, traves e curvas apresentam suave contraste 
entre si. Serifas possuem desenhos triangulares. 
Boa legibilidade. Pelo seu design harmonioso, são 
indicadas para longos blocos de textos impressos. 
Funcionam muito bem em jornais, livros, revistas e outros 
projetos semelhantes. 
São consideradas clássicas, transmitem imagem de 
seriedade, equilíbrio, cultura e longevidade.
Classificação das Famílias Tipográficas 
romanas antigas
Classificação das Famílias Tipográficas 
ABC ABCDEFGHIJKLMOPQRSTUVWXYZ 
ROMANAS MODERNAS 
abcdefghijklmopqrstuvwxyz 
Bodoni SvtyTwo OS ITC TT
Classificação das Famílias Tipográficas 
ROMANAS MODERNAS 
As hastes, traves e curvas apresentam grande contraste 
entre si. Serifas possuem desenhos lineares. 
Razoável legibilidade. Em reduções apresentam 
problemas de legibilidade. 
Seu uso é indicado em situações nas quais se queira obter 
impacto visual com o texto. Muito utilizada em títulos. 
São tipologias pesadas, transmitem impacto e solidez.
Classificação das Famílias Tipográficas 
ROMANAS MODERNAS
Classificação das Famílias Tipográficas 
ABC ABCDEFGHIJKLMOPQRSTUVWXYZ 
egipcias 
abcdefghijklmopqrstuvwxyz 
Arvo
Classificação das Famílias Tipográficas 
egipcias 
As hastes, traves e curvas apresentam contraste suave ou 
nenhum. Serifas possuem desenhos retangulares. 
Razoável legibilidade. Em reduções apresentam 
problemas de legibilidade. 
Tem um design marcante e bom impacto visual, também 
utilizadas em títulos. 
Expressam força, equilíbrio e certa dose de modernidade
Classificação das Famílias Tipográficas 
egipcias 
ARVO 
PT Sefif Caption
Classificação das Famílias Tipográficas 
ABC ABCDEFGHIJKLMOPQRSTUVWXYZ 
lapidárias 
abcdefghijklmopqrstuvwxyz 
Helvética
Classificação das Famílias Tipográficas 
lapidárias 
Não possui variação entre suas hastes e não apresentam 
serifas. 
Transmitem uma sensação de precisão matemática, de 
tecnologia, objetividade e dureza. 
Recomendadas para peças publicitárias de leitura rápida e 
projetos de sinalização.
Classificação das Famílias Tipográficas 
lapidárias 
Helvética 
FRANKLIN
Classificação das Famílias Tipográficas 
ABC ABCDEFGHIJKLMOPQRSTUVWXYZ 
CURSIVAS 
abcfghijklmopqtuvwxyz 
Liza Display Pro
Classificação das Famílias Tipográficas 
CURSIVAS 
Têm a aparência de letras manuscritas com penas 
caligráficas ou outro objetos tradicionais de escrita. 
Legilibilidade complicada. Devem ser utilizadas com 
cuidado. 
Utilizadas em peças que se queira passar lirismo, 
romantismo ou certa ligação com o passado e até 
infantilidade.
Classificação das Famílias Tipográficas 
Liza Dplay Pro 
Edwardian Script ITC 
Pacifico 
CURSIVAS
Classificação das Famílias Tipográficas 
fantasia / decorativas 
Base 05
Classificação das Famílias Tipográficas 
fantasia / decorativas 
Fruto da tecnologia aplicada a tipografia. 
A legibilidade varia entre o excelente e o péssimo. Por isso 
devem ser utilizadas com cuidado para não tornar o 
impresso ilegível. 
São utilizadas em situações especiais onde se deseja um 
efeito bem específico.
Classificação das Famílias Tipográficas 
fantasia / decorativas 
Rosewood Std 
Braggadocio
www.dafont.com/pt
Legi 
bili 
dade 
Leitu 
rabili 
dade
A aula do Tiago 
é muito legal Alta legibilidade 
Helvética 
A aula do Tiago 
e muito legal Baixa legibilidade 
Jefferson
Um tto de boa 
iturabilidade com uma nte 
de baixa gibilidade 
Liza Text Pro 
U m t E x t o D e b A i x a 
l e i T u r a b i l i D A d e c O M 
u m a f O N t e d e a l T A 
l e G i b i l i d a d e 
Helvetica
Tipografia de leitura contínua 
ou longa durabilidade 
Livros - Jornais - Revistas- Manuais - Hipertexto 
Tipografia efêmera ou de impacto 
Cartazes - Capas - Marcas - Embalagens 
Anúncios
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins
Tipos de tipografia para diferentes fins

More Related Content

What's hot

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 EditorialGabriel Ferraciolli
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
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
 
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
 
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
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção GráficaRenato Melo
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 

What's hot (20)

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
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
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
 
Tipografia
TipografiaTipografia
Tipografia
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 

Viewers also liked

Viewers also liked (9)

Tipografia
TipografiaTipografia
Tipografia
 
Mi reflejo
Mi reflejoMi reflejo
Mi reflejo
 
Concepto, tipos y uso de la tipografía
Concepto, tipos y uso de la tipografíaConcepto, tipos y uso de la tipografía
Concepto, tipos y uso de la tipografía
 
Marca grafica
Marca graficaMarca grafica
Marca grafica
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Tipos de marcas
Tipos de marcasTipos de marcas
Tipos de marcas
 
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
 
Tipografia
TipografiaTipografia
Tipografia
 
Escala Y ProporcióN
Escala Y ProporcióNEscala Y ProporcióN
Escala Y ProporcióN
 

Similar to Tipos de tipografia para diferentes fins

Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest788d5c4
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest27bf18
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Mariovski Sky
 
A estrutura dos caracteres
A estrutura dos caracteresA estrutura dos caracteres
A estrutura dos caracteresxtessarix
 
tipologiacores
tipologiacorestipologiacores
tipologiacorespedruga
 
Aestruturadoscaracteres
AestruturadoscaracteresAestruturadoscaracteres
Aestruturadoscaracteresxtessarix
 
Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02xtessarix
 
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
 

Similar to Tipos de tipografia para diferentes fins (15)

Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Tg Aula3 2008
Tg Aula3 2008Tg Aula3 2008
Tg Aula3 2008
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1
 
Tipografia final
Tipografia finalTipografia final
Tipografia final
 
Tipografia na Web
Tipografia na WebTipografia na Web
Tipografia na Web
 
A estrutura dos caracteres
A estrutura dos caracteresA estrutura dos caracteres
A estrutura dos caracteres
 
Tipografia
TipografiaTipografia
Tipografia
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Aestruturadoscaracteres
AestruturadoscaracteresAestruturadoscaracteres
Aestruturadoscaracteres
 
Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02
 
Tipologia
TipologiaTipologia
Tipologia
 
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
 

More from Tiago Santana

More from Tiago Santana (8)

Slides
SlidesSlides
Slides
 
Intertextualidade e Ready Made na propaganda
Intertextualidade e Ready Made na propagandaIntertextualidade e Ready Made na propaganda
Intertextualidade e Ready Made na propaganda
 
Processo de criação
Processo de criaçãoProcesso de criação
Processo de criação
 
Storyselling
StorysellingStoryselling
Storyselling
 
Transmidia Storytelling
Transmidia StorytellingTransmidia Storytelling
Transmidia Storytelling
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Criatividade visual
Criatividade visual Criatividade visual
Criatividade visual
 
Storytelling
StorytellingStorytelling
Storytelling
 

Tipos de tipografia para diferentes fins

  • 2. typos > forma graphein > escrita Processo físico e/ou digital de criação e composição de textos. Estruturação visual dos caracteres.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. A forma comunica Considerar aspectos socioculturais, psicológicos e estéticos inerentes ao projeto
  • 8.
  • 9. Vicente Connare – Designer Microsoft
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. Anatomia Dos tipos Prof. Tiago Santana
  • 21. Anatomia dos Tipos Versal ou maiúscula Minúscula Tipografia Ascendente Linha de base Linha média Times New Roman Linha das ascendentes Altura das capitais Linha das descendentes Descendentes Ligadura
  • 22. Anatomia dos Tipos Tipografia Times New Roman Corpo Altura x distância entre a linha ascendente e a linha descendente. É medido em pontos (1 pt = 0,351mm)
  • 23. Anatomia dos Tipos Fonte: www.chocoladesign.com
  • 24. Anatomia dos Tipos b l T K Q r Garamond Haste Bojo Barra Braço Cauda Gancho Serifa Perna
  • 25. Anatomia dos Tipos n A g b a Espora Ombro Vértice Orelha Terminal Ligação Garamond
  • 26. família tipográfica fonte Conjunto de caracteres desenhados com os mesmos parâmetros gráficos. Caracteres de uma família em um peso específico. Fonte: www.chocoladesign.com
  • 27.
  • 28. Classificação das Famílias Tipográficas romanas antigas ABC ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz Times New Roman
  • 29. Classificação das Famílias Tipográficas romanas antigas As hastes, traves e curvas apresentam suave contraste entre si. Serifas possuem desenhos triangulares. Boa legibilidade. Pelo seu design harmonioso, são indicadas para longos blocos de textos impressos. Funcionam muito bem em jornais, livros, revistas e outros projetos semelhantes. São consideradas clássicas, transmitem imagem de seriedade, equilíbrio, cultura e longevidade.
  • 30. Classificação das Famílias Tipográficas romanas antigas
  • 31. Classificação das Famílias Tipográficas ABC ABCDEFGHIJKLMOPQRSTUVWXYZ ROMANAS MODERNAS abcdefghijklmopqrstuvwxyz Bodoni SvtyTwo OS ITC TT
  • 32. Classificação das Famílias Tipográficas ROMANAS MODERNAS As hastes, traves e curvas apresentam grande contraste entre si. Serifas possuem desenhos lineares. Razoável legibilidade. Em reduções apresentam problemas de legibilidade. Seu uso é indicado em situações nas quais se queira obter impacto visual com o texto. Muito utilizada em títulos. São tipologias pesadas, transmitem impacto e solidez.
  • 33. Classificação das Famílias Tipográficas ROMANAS MODERNAS
  • 34. Classificação das Famílias Tipográficas ABC ABCDEFGHIJKLMOPQRSTUVWXYZ egipcias abcdefghijklmopqrstuvwxyz Arvo
  • 35. Classificação das Famílias Tipográficas egipcias As hastes, traves e curvas apresentam contraste suave ou nenhum. Serifas possuem desenhos retangulares. Razoável legibilidade. Em reduções apresentam problemas de legibilidade. Tem um design marcante e bom impacto visual, também utilizadas em títulos. Expressam força, equilíbrio e certa dose de modernidade
  • 36. Classificação das Famílias Tipográficas egipcias ARVO PT Sefif Caption
  • 37. Classificação das Famílias Tipográficas ABC ABCDEFGHIJKLMOPQRSTUVWXYZ lapidárias abcdefghijklmopqrstuvwxyz Helvética
  • 38. Classificação das Famílias Tipográficas lapidárias Não possui variação entre suas hastes e não apresentam serifas. Transmitem uma sensação de precisão matemática, de tecnologia, objetividade e dureza. Recomendadas para peças publicitárias de leitura rápida e projetos de sinalização.
  • 39. Classificação das Famílias Tipográficas lapidárias Helvética FRANKLIN
  • 40. Classificação das Famílias Tipográficas ABC ABCDEFGHIJKLMOPQRSTUVWXYZ CURSIVAS abcfghijklmopqtuvwxyz Liza Display Pro
  • 41. Classificação das Famílias Tipográficas CURSIVAS Têm a aparência de letras manuscritas com penas caligráficas ou outro objetos tradicionais de escrita. Legilibilidade complicada. Devem ser utilizadas com cuidado. Utilizadas em peças que se queira passar lirismo, romantismo ou certa ligação com o passado e até infantilidade.
  • 42. Classificação das Famílias Tipográficas Liza Dplay Pro Edwardian Script ITC Pacifico CURSIVAS
  • 43. Classificação das Famílias Tipográficas fantasia / decorativas Base 05
  • 44. Classificação das Famílias Tipográficas fantasia / decorativas Fruto da tecnologia aplicada a tipografia. A legibilidade varia entre o excelente e o péssimo. Por isso devem ser utilizadas com cuidado para não tornar o impresso ilegível. São utilizadas em situações especiais onde se deseja um efeito bem específico.
  • 45. Classificação das Famílias Tipográficas fantasia / decorativas Rosewood Std Braggadocio
  • 47. Legi bili dade Leitu rabili dade
  • 48. A aula do Tiago é muito legal Alta legibilidade Helvética A aula do Tiago e muito legal Baixa legibilidade Jefferson
  • 49. Um tto de boa iturabilidade com uma nte de baixa gibilidade Liza Text Pro U m t E x t o D e b A i x a l e i T u r a b i l i D A d e c O M u m a f O N t e d e a l T A l e G i b i l i d a d e Helvetica
  • 50. Tipografia de leitura contínua ou longa durabilidade Livros - Jornais - Revistas- Manuais - Hipertexto Tipografia efêmera ou de impacto Cartazes - Capas - Marcas - Embalagens Anúncios