SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
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.

Mais conteúdo relacionado

Mais procurados

Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
DESIGN DIGITAL UNIARA 2012
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
DESIGN DIGITAL UNIARA 2012
 
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
Elizeu Nascimento Silva
 
A cultura da catedral escultura e pintura
A cultura da catedral   escultura e pinturaA cultura da catedral   escultura e pintura
A cultura da catedral escultura e pintura
cattonia
 

Mais procurados (20)

Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Signos | Semiótica: símbolo, índice e ícone
Signos | Semiótica: símbolo, índice e íconeSignos | Semiótica: símbolo, índice e ícone
Signos | Semiótica: símbolo, índice e ícone
 
Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico)
 
O campo expandido
O campo expandidoO campo expandido
O campo expandido
 
A noção de iconologia de Erwin Panofsky
A noção de iconologia de Erwin PanofskyA noção de iconologia de Erwin Panofsky
A noção de iconologia de Erwin Panofsky
 
Tempietto di San Pietro
Tempietto di San PietroTempietto di San Pietro
Tempietto di San Pietro
 
Arte romana
Arte romana Arte romana
Arte romana
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto Atual
 
Narrativas Transmidiáticas
Narrativas TransmidiáticasNarrativas Transmidiáticas
Narrativas Transmidiáticas
 
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
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Aula Fotografia
Aula FotografiaAula Fotografia
Aula Fotografia
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Ilustração
IlustraçãoIlustração
Ilustração
 
A cultura da catedral escultura e pintura
A cultura da catedral   escultura e pinturaA cultura da catedral   escultura e pintura
A cultura da catedral escultura e pintura
 
Arte romana
Arte romanaArte romana
Arte romana
 

Semelhante a Anatomia Tipográfica (11)

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
TIPOGRAFIATIPOGRAFIA
TIPOGRAFIA
 
Tipografia final
Tipografia finalTipografia final
Tipografia final
 
Tipografia
Tipografia Tipografia
Tipografia
 
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
 

Anatomia Tipográfica

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