SlideShare a Scribd company logo
1 of 33
Anatomia tipográfica
Anatomia tipográfica




   ascendentes




    bdhkl
Anatomia tipográfica




   descendentes




    pq j g
Anatomia tipográfica




       Veja como as ascendentes
       e descendentes funcionam
       em três linhas.   muito apertada



       Veja como as ascendentes
       e descendentes funcionam
       em três linhas.     bem melhor
Anatomia tipográfica




   linha de base, linha x




                       a
                            linha x
                            onde letras não-ascendentes
                            caixa-baixa terminam



                            linha de base
                            onde letras não-ascendentes
                            caixa-baixa se assentam
Anatomia tipográfica




   altura x




                       x   distância
                           entre a linha x
                           e a linha de base
Anatomia tipográfica




   altura x




                       x
                           Ao escolher uma fonte
                           sempre observe a letra
                           “x” pois esta representa
                           em termos de altura e
                           largura (demarcadas numa
                           área quadrada) como o
                           resto da estrutura da
                           fonte se configura.
Alturas




  LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
Anatomia tipográfica




   bojos   ou   barrigas




    boqg
Anatomia tipográfica




   ocos   ou   miolos




    boqg
Anatomia tipográfica




   aberturas counter/aperture




    cue hn
Anatomia tipográfica




   mais largas



    mw MW
Anatomia tipográfica




   mais estreitas



    li LI
Anatomia tipográfica




   contraste




    ml
Anatomia tipográfica




   serifas




    mr
Anatomia tipográfica




   sem serifas




    mr
Anatomia tipográfica




   serifas




    mr mr
     COM SERIFA                                      SEM SERIFA




     Adobe Caslon Pro                                Verdana



     Os dois grupos de caracteres, com e sem serifa, estão compostos com o mesmo corpo.
Anatomia tipográfica




    serifas romanas




   serifa com junção     serifa com                serifa                             serifa
      curva, canto     junção curva e           triangular                          insinuada
     arredondado e       canto reto
      base côncava
                                        ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004.
Anatomia tipográfica




   slabs serifs




    serifa reta,   serifa reta     serifa quadrada,                   serifa quadada,
     em filete                     com junção reta                      com junção
                                                                            curva


                                 ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004.
Anatomia tipográfica




   numerais



    0123456789
Anatomia tipográfica




   pontuação



    “,:;.!?-+/
Alfabeto Latino




                  Capitulares romanas
                            +
                  Minúsculas carolíngia
                            +
                   Numerais arábicos
                            +
                  Sinais de pontuação
Anatomia tipográfica




   faça testes

    Texto em 30 pontos
    Texto em 36 pontos
    Texto em 48 pontos
Anatomia tipográfica




   faça testes

    Adobe Caslon Pro Regular
    Adobe Caslon Pro Bold
    Adobe Caslon Pro Italic
Anatomia tipográfica




   faça testes


    72 pontos
    112 pontos
Composições




              CAIXA ALTA
          Caixa Alta e Baixa
               caixa baixa
         Versal Versalete
Partes do Tipo




   As principais partes que compõem os tipos são:

            • as hastes (linhas verticais)                                        • as ápices
            • barras (horizontais)                                                • os vértices
            • barrigas e bojos (curvas ou circulares)                             • as serifas e as esporas
            • as ascendentes e descendentes                                       • os ocos
            • as montantes

   Nenhum caractere possui todos esses elementos. Alguns são específicos
   de determinados caracteres (braços, ombros, ganchos, orelhas etc).


   FERREIRA, Aldemar d’Abreu. Tipos: desenho e utilização de letras no projeto gráfico. Rio de Janeiro: Quartet, 2004.
Partes do Tipo




  NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
Partes do Tipo




  NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
Partes do Tipo




  NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
Partes do Tipo




  LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
Partes do Tipo




  LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
Bibliografia



   LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo:
   Cosac Naify, 2007.
   BRINGHURST, Robert. Elementos do Estilo Tipográfico. São Paulo: Cosac Naify, 2005.
   HEITLINGER, Paulo. Tipografia: origens, formas e uso das letras. Lisboa: Dinalivro, 2006.
   HOLLIS, Richard. Design gráfico: uma história concisa. São Paulo: Martins Fontes, 2005.
   MEGGS, Philip B. ; PURVIS, Alston W. / KNIPEL, Cid. História do Design Gráfico. São Paulo: Cosac
   Naify, 2009.
   NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
   FARIAS, Priscila. Tipografia Digital. Rio de Janeiro: 2AB Editora,1998.
   FERREIRA, Aldemar d’Abreu. Tipos: desenho e utilização de letras no projeto gráfico. Rio de Janei-
   ro: Quartet, 2004.
   FONSECA, Joaquim da; CLAIR, Kate; BUSIC-SNYDER, Cynthia. Manual de Tipografia. São Paulo: Art-
   med Editora, 2009.
   ROCHA, Cláudio. Projeto tipográfico: análise e produção de fontes digitais. São Paulo: Rosari, 2003.
   ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004.
   PERROTTA, Isabella. Tipos e Grafias. Rio de Janeiro: Viana&Mosley, 2005.

More Related Content

What's hot

Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ICíntia Dal Bello
 
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
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
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
 
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
 
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
 
Elementos visuais da forma
Elementos visuais da forma Elementos visuais da forma
Elementos visuais da forma Márcia Siqueira
 
Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2Fábio Gonçalves
 
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
 

What's hot (20)

Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte I
 
Aula 4 TIPOLOGIA
Aula 4   TIPOLOGIAAula 4   TIPOLOGIA
Aula 4 TIPOLOGIA
 
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
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
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 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
 
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
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
Elementos visuais da forma
Elementos visuais da forma Elementos visuais da forma
Elementos visuais da forma
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
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
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 

Similar to Anatomia tipográfica guia (9)

Tipografia
TipografiaTipografia
Tipografia
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1
 
Tg Aula3 2008
Tg Aula3 2008Tg Aula3 2008
Tg Aula3 2008
 
Tipografia final
Tipografia finalTipografia final
Tipografia final
 
Tipografia na Web
Tipografia na WebTipografia na Web
Tipografia na Web
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Conceitos sobre Tipografia
Conceitos sobre TipografiaConceitos sobre Tipografia
Conceitos sobre Tipografia
 
Aula04 prod grafica
Aula04 prod graficaAula04 prod grafica
Aula04 prod grafica
 

Recently uploaded

FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICO
FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICOFUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICO
FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICOJessicaAngelo5
 
O mundo secreto dos desenhos - Gregg M. Furth.pdf
O mundo secreto dos desenhos - Gregg M. Furth.pdfO mundo secreto dos desenhos - Gregg M. Furth.pdf
O mundo secreto dos desenhos - Gregg M. Furth.pdfNelmo Pinto
 
Sistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfSistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfGustavoWallaceAlvesd
 
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASAULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASArtthurPereira2
 
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.ColorNet
 
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptx
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptxINTRODUÇÃO A DTM/DOF-DRLucasValente.pptx
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptxssuser4ba5b7
 

Recently uploaded (7)

FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICO
FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICOFUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICO
FUNDAMENTOS E TEORAS DA ENFERMAGEM PARA ALUNOS DE CURSO TÉCNICO
 
O mundo secreto dos desenhos - Gregg M. Furth.pdf
O mundo secreto dos desenhos - Gregg M. Furth.pdfO mundo secreto dos desenhos - Gregg M. Furth.pdf
O mundo secreto dos desenhos - Gregg M. Furth.pdf
 
Sistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfSistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdf
 
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASAULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
 
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
 
Aplicativo aleitamento: apoio na palma das mãos
Aplicativo aleitamento: apoio na palma das mãosAplicativo aleitamento: apoio na palma das mãos
Aplicativo aleitamento: apoio na palma das mãos
 
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptx
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptxINTRODUÇÃO A DTM/DOF-DRLucasValente.pptx
INTRODUÇÃO A DTM/DOF-DRLucasValente.pptx
 

Anatomia tipográfica guia

  • 2. Anatomia tipográfica ascendentes bdhkl
  • 3. Anatomia tipográfica descendentes pq j g
  • 4. Anatomia tipográfica Veja como as ascendentes e descendentes funcionam em três linhas. muito apertada Veja como as ascendentes e descendentes funcionam em três linhas. bem melhor
  • 5. Anatomia tipográfica linha de base, linha x a linha x onde letras não-ascendentes caixa-baixa terminam linha de base onde letras não-ascendentes caixa-baixa se assentam
  • 6. Anatomia tipográfica altura x x distância entre a linha x e a linha de base
  • 7. Anatomia tipográfica altura x x Ao escolher uma fonte sempre observe a letra “x” pois esta representa em termos de altura e largura (demarcadas numa área quadrada) como o resto da estrutura da fonte se configura.
  • 8. Alturas LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
  • 9. Anatomia tipográfica bojos ou barrigas boqg
  • 10. Anatomia tipográfica ocos ou miolos boqg
  • 11. Anatomia tipográfica aberturas counter/aperture cue hn
  • 12. Anatomia tipográfica mais largas mw MW
  • 13. Anatomia tipográfica mais estreitas li LI
  • 14. Anatomia tipográfica contraste ml
  • 15. Anatomia tipográfica serifas mr
  • 16. Anatomia tipográfica sem serifas mr
  • 17. Anatomia tipográfica serifas mr mr COM SERIFA SEM SERIFA Adobe Caslon Pro Verdana Os dois grupos de caracteres, com e sem serifa, estão compostos com o mesmo corpo.
  • 18. Anatomia tipográfica serifas romanas serifa com junção serifa com serifa serifa curva, canto junção curva e triangular insinuada arredondado e canto reto base côncava ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004.
  • 19. Anatomia tipográfica slabs serifs serifa reta, serifa reta serifa quadrada, serifa quadada, em filete com junção reta com junção curva ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004.
  • 20. Anatomia tipográfica numerais 0123456789
  • 21. Anatomia tipográfica pontuação “,:;.!?-+/
  • 22. Alfabeto Latino Capitulares romanas + Minúsculas carolíngia + Numerais arábicos + Sinais de pontuação
  • 23. Anatomia tipográfica faça testes Texto em 30 pontos Texto em 36 pontos Texto em 48 pontos
  • 24. Anatomia tipográfica faça testes Adobe Caslon Pro Regular Adobe Caslon Pro Bold Adobe Caslon Pro Italic
  • 25. Anatomia tipográfica faça testes 72 pontos 112 pontos
  • 26. Composições CAIXA ALTA Caixa Alta e Baixa caixa baixa Versal Versalete
  • 27. Partes do Tipo As principais partes que compõem os tipos são: • as hastes (linhas verticais) • as ápices • barras (horizontais) • os vértices • barrigas e bojos (curvas ou circulares) • as serifas e as esporas • as ascendentes e descendentes • os ocos • as montantes Nenhum caractere possui todos esses elementos. Alguns são específicos de determinados caracteres (braços, ombros, ganchos, orelhas etc). FERREIRA, Aldemar d’Abreu. Tipos: desenho e utilização de letras no projeto gráfico. Rio de Janeiro: Quartet, 2004.
  • 28. Partes do Tipo NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
  • 29. Partes do Tipo NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
  • 30. Partes do Tipo NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006.
  • 31. Partes do Tipo LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
  • 32. Partes do Tipo LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007.
  • 33. Bibliografia LUPTON, Ellen. Pensar com Tipos: guia para designers editores, editores e estudantes. São Paulo: Cosac Naify, 2007. BRINGHURST, Robert. Elementos do Estilo Tipográfico. São Paulo: Cosac Naify, 2005. HEITLINGER, Paulo. Tipografia: origens, formas e uso das letras. Lisboa: Dinalivro, 2006. HOLLIS, Richard. Design gráfico: uma história concisa. São Paulo: Martins Fontes, 2005. MEGGS, Philip B. ; PURVIS, Alston W. / KNIPEL, Cid. História do Design Gráfico. São Paulo: Cosac Naify, 2009. NIEMEYER, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2006. FARIAS, Priscila. Tipografia Digital. Rio de Janeiro: 2AB Editora,1998. FERREIRA, Aldemar d’Abreu. Tipos: desenho e utilização de letras no projeto gráfico. Rio de Janei- ro: Quartet, 2004. FONSECA, Joaquim da; CLAIR, Kate; BUSIC-SNYDER, Cynthia. Manual de Tipografia. São Paulo: Art- med Editora, 2009. ROCHA, Cláudio. Projeto tipográfico: análise e produção de fontes digitais. São Paulo: Rosari, 2003. ROCHA, Cláudio. Tipografia Comparada. São Paulo: Rosari, 2004. PERROTTA, Isabella. Tipos e Grafias. Rio de Janeiro: Viana&Mosley, 2005.