SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Design gráfico II - Aula 01 - Logotipo
Design gráfico II - Aula 01 - LogotipoDesign gráfico II - Aula 01 - Logotipo
Design gráfico II - Aula 01 - Logotipoaudreicarvalho
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Hely Costa Júnior
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAaulasdejornalismo
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção GráficaRenato Melo
 
Tipografia: Times New Roman
Tipografia: Times New RomanTipografia: Times New Roman
Tipografia: Times New RomanSolange Rocha
 
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
 

Was ist angesagt? (20)

Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Design gráfico II - Aula 01 - Logotipo
Design gráfico II - Aula 01 - LogotipoDesign gráfico II - Aula 01 - Logotipo
Design gráfico II - Aula 01 - Logotipo
 
Tipografia
TipografiaTipografia
Tipografia
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção Gráfica
 
Tipografia: Times New Roman
Tipografia: Times New RomanTipografia: Times New Roman
Tipografia: Times New Roman
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Tipografia na Web
Tipografia na WebTipografia na Web
Tipografia na Web
 
TIPOGRAFIA
TIPOGRAFIATIPOGRAFIA
TIPOGRAFIA
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
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
 

Ähnlich wie Anatomia tipográfica guia

Ähnlich wie Anatomia tipográfica guia (8)

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
 
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
 

Kürzlich hochgeladen

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
 
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
 
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
 
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASAULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASArtthurPereira2
 
Sistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfSistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfGustavoWallaceAlvesd
 

Kürzlich hochgeladen (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
 
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
 
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
TRABALHO SOBRE A ERISIPELA BOLHOSA.pptx.
 
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
 
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
 
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICASAULA SOBRE SAMU, CONCEITOS E CARACTERICAS
AULA SOBRE SAMU, CONCEITOS E CARACTERICAS
 
Sistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdfSistema endocrino anatomia humana slide.pdf
Sistema endocrino anatomia humana slide.pdf
 

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.