SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
tipografia
Em um mundo repleto de mensagens que
    ninguém pediu pra receber, a tipografia
    precisa frequentemente chamar a atenção
    para si própria antes de ser lida. Para que
    ela seja lida, precisa contudo abdicar da
    mesma atenção que despertou. A tipogra-
    fia que tem algo a dizer aspira, portanto, a
    ser uma espécie de estátua transparente.




abcdefghijklmnopqrstuvwxyz
Via de regra, a tipografia deveria prestar os
   seguintes serviços ao leitor:

   1.Convidá-lo à leitura




abcdefghijklmnopqrstuvwxyz
2. Revelar o teor e o significado do texto




abcdefghijklmnopqrstuvwxyz
3. Tornar clara a estrutura e a ordem do texto




abcdefghijklmnopqrstuvwxyz
4. Conectar o texto a outros elementos existentes




abcdefghijklmnopqrstuvwxyz
All Type




abcdefghijklmnopqrstuvwxyz
All Type




abcdefghijklmnopqrstuvwxyz
na prática
abcdefghijklmnopqrstuvwxyz
Com Serifa X Sem Serifa




abcdefghijklmnopqrstuvwxyz
Espacejament o / K e r n i n g



   Kerning -50
   Kerning automático
   Kerning 200


abcdefghijklmnopqrstuvwxyz
Entrelinha



   Lorem ipsum dolor sit amet,            Lorem ipsum dolor sit amet,            Lorem ipsum dolor sit amet,
   consectetur adipiscing elit.           consectetur adipiscing elit.
   Nullam et velit sem. Nulla facilisi.                                          consectetur adipiscing elit.
                                          Nullam et velit sem. Nulla facilisi.
   Curabitur non magna vitae libero                                              Nullam et velit sem. Nulla facilisi.
   semper venenatis. Pellentesque         Curabitur non magna vitae libero
   tempor enim mi. Vestibulum             semper venenatis. Pellentesque         Curabitur non magna vitae libero
   rutrum auctor iaculis. Vestibulum      tempor enim mi. Vestibulum
   ante ipsum primis in faucibus orci                                            semper venenatis. Pellentesque
                                          rutrum auctor iaculis. Vestibulum
   luctus et ultrices posuere cubilia                                            tempor enim mi. Vestibulum
   Curae; Maecenas nibh elit,             ante ipsum primis in faucibus orci
   sodales ac fermentum sit amet.         luctus et ultrices posuere cubilia     rutrum auctor iaculis. Vestibulum
                                          Curae; Maecenas nibh elit,
                                                                                 ante ipsum primis in faucibus orci
                                          sodales ac fermentum sit amet.
                                                                                 luctus et ultrices posuere cubilia

                                                                                 Curae; Maecenas nibh elit,

                                                                                 sodales ac fermentum sit amet.




abcdefghijklmnopqrstuvwxyz
Alinhamento

  Lorem ipsum dolor sit amet,
  consectetur adipiscing elit.
  Nullam et velit sem. Nulla facilisi.
  Curabitur non magna vitae libero
  semper venenatis. Pellentesque
  tempor enim mi. Vestibulum
  rutrum auctor iaculis. Vestibulum
  ante ipsum primis in faucibus orci
  luctus et ultrices posuere cubilia
  Curae; Maecenas nibh elit,
  sodales ac fermentum sit amet.




abcdefghijklmnopqrstuvwxyz
Alinhamento
              Lorem ipsum dolor sit amet,
               consectetur adipiscing elit.
          Nullam et velit sem. Nulla facilisi.
          Curabitur non magna vitae libero
          semper venenatis. Pellentesque
              tempor enim mi. Vestibulum
          rutrum auctor iaculis. Vestibulum
          ante ipsum primis in faucibus orci
           luctus et ultrices posuere cubilia
               Curae; Maecenas nibh elit,
            sodales ac fermentum sit amet.




abcdefghijklmnopqrstuvwxyz
Alinhamento

                        Lorem ipsum dolor sit amet,
                          consectetur adipiscing elit.
                 Nullam et velit sem. Nulla facilisi.
                 Curabitur non magna vitae libero
                   semper venenatis. Pellentesque
                        tempor enim mi. Vestibulum
                  rutrum auctor iaculis. Vestibulum
                 ante ipsum primis in faucibus orci
                   luctus et ultrices posuere cubilia
                         Curae; Maecenas nibh elit,
                    sodales ac fermentum sit amet.




abcdefghijklmnopqrstuvwxyz
Alinhamento

  Lorem ipsum dolor sit amet,
  consectetur      adipiscing   elit.
  Nullam et velit sem. Nulla facilisi.
  Curabitur non magna vitae libero
  semper venenatis. Pellentesque
  tempor enim mi. Vestibulum
  rutrum auctor iaculis. Vestibulum
  ante ipsum primis in faucibus orci
  luctus et ultrices posuere cubilia
  Curae; Maecenas nibh elit,
  sodales ac fermentum sit amet.




abcdefghijklmnopqrstuvwxyz
Formas específicas




abcdefghijklmnopqrstuvwxyz
Combinando Tipos

  1. Dê preferência para tipos da mesma família.




abcdefghijklmnopqrstuvwxyz
Escolhendo Tipos

  1. Considere o meio para o qual o tipo foi
  originalmente projetado.
  2. Escolha tipos que sobrevivam nas condições
  finais de impressão.
  3. Escolha fontes que possam fornecer todos os
  efeitos especiais de que você precisar.




abcdefghijklmnopqrstuvwxyz
Tipos Fantasia
    e Rasterização




abcdefghijklmnopqrstuvwxyz
Photoshop




    Smooth
                 X



    Sharp
abcdefghijklmnopqrstuvwxyz
Proporção




    12 pts      48 pts
abcdefghijklmnopqrstuvwxyz
Fonte Clara em Fundo Escuro




abcdefghijklmnopqrstuvwxyz
“Crimes Tipográficos”

  1. Distorção.
  2. Falso Bold.
  3. Falso Itálico




abcdefghijklmnopqrstuvwxyz
Download de Fontes

      www.dafont.com.br

      www.sofontes.com

      www.1001freefonts.com

      www.zipfontes.com.br




abcdefghijklmnopqrstuvwxyz
Bibliografia

  Elementos do Estilo Tipográfico, Robert Bringhurst
  Pensar com Tipos, Ellen Lupton




abcdefghijklmnopqrstuvwxyz
job
abcdefghijklmnopqrstuvwxyz

Más contenido relacionado

Destacado

Strategic governance
Strategic governanceStrategic governance
Strategic governanceOlena Bashun
 
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...Ten Bos
 
Viver como as flores
Viver como as floresViver como as flores
Viver como as floresCris Araújo
 
Core abilities festival 2010
Core abilities festival 2010Core abilities festival 2010
Core abilities festival 2010Phil Venditti
 
9.послуги б к
9.послуги б к9.послуги б к
9.послуги б кOlena Bashun
 
соціальне партнерство башун о.
соціальне партнерство  башун о.соціальне партнерство  башун о.
соціальне партнерство башун о.Olena Bashun
 
De Farizeeër en de tollenaar (30ste zondag door het jaar C)
De Farizeeër en de tollenaar (30ste zondag door het jaar C)De Farizeeër en de tollenaar (30ste zondag door het jaar C)
De Farizeeër en de tollenaar (30ste zondag door het jaar C)Ten Bos
 
Slovenský Faceboook
Slovenský FaceboookSlovenský Faceboook
Slovenský FaceboookJosef Šlerka
 
Decisão sic 53691136781 cadastur (1)
Decisão sic 53691136781   cadastur (1)Decisão sic 53691136781   cadastur (1)
Decisão sic 53691136781 cadastur (1)Douglas Fabiano Melo
 
практичні аспекти навчання кадрів із застосуванням методу проектів
практичні аспекти навчання кадрів із застосуванням методу проектівпрактичні аспекти навчання кадрів із застосуванням методу проектів
практичні аспекти навчання кадрів із застосуванням методу проектівTamara Emec
 

Destacado (17)

Strategic governance
Strategic governanceStrategic governance
Strategic governance
 
Mia Marcus Portfolio
Mia Marcus PortfolioMia Marcus Portfolio
Mia Marcus Portfolio
 
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...
Als een grote boom gevallen is... bij de dramatische gebeurtenissen rond Roge...
 
Viver como as flores
Viver como as floresViver como as flores
Viver como as flores
 
Decisão sic 11251137665 unicamp
Decisão sic 11251137665   unicampDecisão sic 11251137665   unicamp
Decisão sic 11251137665 unicamp
 
Core abilities festival 2010
Core abilities festival 2010Core abilities festival 2010
Core abilities festival 2010
 
Histórico da Internet
Histórico da InternetHistórico da Internet
Histórico da Internet
 
Uniformes sap
Uniformes sapUniformes sap
Uniformes sap
 
9.послуги б к
9.послуги б к9.послуги б к
9.послуги б к
 
Cartoon Classics
Cartoon ClassicsCartoon Classics
Cartoon Classics
 
соціальне партнерство башун о.
соціальне партнерство  башун о.соціальне партнерство  башун о.
соціальне партнерство башун о.
 
isamary
isamaryisamary
isamary
 
De Farizeeër en de tollenaar (30ste zondag door het jaar C)
De Farizeeër en de tollenaar (30ste zondag door het jaar C)De Farizeeër en de tollenaar (30ste zondag door het jaar C)
De Farizeeër en de tollenaar (30ste zondag door het jaar C)
 
Slovenský Faceboook
Slovenský FaceboookSlovenský Faceboook
Slovenský Faceboook
 
Decisão sic 53691136781 cadastur (1)
Decisão sic 53691136781   cadastur (1)Decisão sic 53691136781   cadastur (1)
Decisão sic 53691136781 cadastur (1)
 
Greenlease voor duurzame stad
Greenlease voor duurzame stadGreenlease voor duurzame stad
Greenlease voor duurzame stad
 
практичні аспекти навчання кадрів із застосуванням методу проектів
практичні аспекти навчання кадрів із застосуванням методу проектівпрактичні аспекти навчання кадрів із застосуванням методу проектів
практичні аспекти навчання кадрів із застосуванням методу проектів
 

Más de Doisnovemeia Publicidade

Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfDoisnovemeia Publicidade
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfDoisnovemeia Publicidade
 

Más de Doisnovemeia Publicidade (20)

Almanaquedecriaçãopromoçao
AlmanaquedecriaçãopromoçaoAlmanaquedecriaçãopromoçao
Almanaquedecriaçãopromoçao
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
 
Mala direta
Mala diretaMala direta
Mala direta
 
7º Almanaque de Criação
7º Almanaque de Criação7º Almanaque de Criação
7º Almanaque de Criação
 
Texto
TextoTexto
Texto
 
Referências
ReferênciasReferências
Referências
 
Conceito, Linha Criativa e Execução
Conceito, Linha Criativa e ExecuçãoConceito, Linha Criativa e Execução
Conceito, Linha Criativa e Execução
 
Apresentação da Criação
Apresentação da CriaçãoApresentação da Criação
Apresentação da Criação
 
Título e Slogan
Título e SloganTítulo e Slogan
Título e Slogan
 
VI Almanaque de Criação
VI Almanaque de CriaçãoVI Almanaque de Criação
VI Almanaque de Criação
 
Palestra Identidade visual
Palestra Identidade visualPalestra Identidade visual
Palestra Identidade visual
 
ARG e Advergame
ARG e AdvergameARG e Advergame
ARG e Advergame
 
Palestra Redação WEB
Palestra Redação WEBPalestra Redação WEB
Palestra Redação WEB
 
Palestra de Cor - Lucas Marques
Palestra de Cor - Lucas MarquesPalestra de Cor - Lucas Marques
Palestra de Cor - Lucas Marques
 
Mercado e Concorrência
Mercado e ConcorrênciaMercado e Concorrência
Mercado e Concorrência
 
Mídias tradicionais
Mídias tradicionaisMídias tradicionais
Mídias tradicionais
 
Público Alvo
Público AlvoPúblico Alvo
Público Alvo
 
Palestra endomarketing
Palestra endomarketingPalestra endomarketing
Palestra endomarketing
 
Palestramktmix
PalestramktmixPalestramktmix
Palestramktmix
 

Tipografia

  • 2. Em um mundo repleto de mensagens que ninguém pediu pra receber, a tipografia precisa frequentemente chamar a atenção para si própria antes de ser lida. Para que ela seja lida, precisa contudo abdicar da mesma atenção que despertou. A tipogra- fia que tem algo a dizer aspira, portanto, a ser uma espécie de estátua transparente. abcdefghijklmnopqrstuvwxyz
  • 3. Via de regra, a tipografia deveria prestar os seguintes serviços ao leitor: 1.Convidá-lo à leitura abcdefghijklmnopqrstuvwxyz
  • 4. 2. Revelar o teor e o significado do texto abcdefghijklmnopqrstuvwxyz
  • 5. 3. Tornar clara a estrutura e a ordem do texto abcdefghijklmnopqrstuvwxyz
  • 6. 4. Conectar o texto a outros elementos existentes abcdefghijklmnopqrstuvwxyz
  • 10. Com Serifa X Sem Serifa abcdefghijklmnopqrstuvwxyz
  • 11. Espacejament o / K e r n i n g Kerning -50 Kerning automático Kerning 200 abcdefghijklmnopqrstuvwxyz
  • 12. Entrelinha Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit. consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. Curabitur non magna vitae libero Nullam et velit sem. Nulla facilisi. semper venenatis. Pellentesque Curabitur non magna vitae libero tempor enim mi. Vestibulum semper venenatis. Pellentesque Curabitur non magna vitae libero rutrum auctor iaculis. Vestibulum tempor enim mi. Vestibulum ante ipsum primis in faucibus orci semper venenatis. Pellentesque rutrum auctor iaculis. Vestibulum luctus et ultrices posuere cubilia tempor enim mi. Vestibulum Curae; Maecenas nibh elit, ante ipsum primis in faucibus orci sodales ac fermentum sit amet. luctus et ultrices posuere cubilia rutrum auctor iaculis. Vestibulum Curae; Maecenas nibh elit, ante ipsum primis in faucibus orci sodales ac fermentum sit amet. luctus et ultrices posuere cubilia Curae; Maecenas nibh elit, sodales ac fermentum sit amet. abcdefghijklmnopqrstuvwxyz
  • 13. Alinhamento Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. Curabitur non magna vitae libero semper venenatis. Pellentesque tempor enim mi. Vestibulum rutrum auctor iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nibh elit, sodales ac fermentum sit amet. abcdefghijklmnopqrstuvwxyz
  • 14. Alinhamento Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. Curabitur non magna vitae libero semper venenatis. Pellentesque tempor enim mi. Vestibulum rutrum auctor iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nibh elit, sodales ac fermentum sit amet. abcdefghijklmnopqrstuvwxyz
  • 15. Alinhamento Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. Curabitur non magna vitae libero semper venenatis. Pellentesque tempor enim mi. Vestibulum rutrum auctor iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nibh elit, sodales ac fermentum sit amet. abcdefghijklmnopqrstuvwxyz
  • 16. Alinhamento Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et velit sem. Nulla facilisi. Curabitur non magna vitae libero semper venenatis. Pellentesque tempor enim mi. Vestibulum rutrum auctor iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nibh elit, sodales ac fermentum sit amet. abcdefghijklmnopqrstuvwxyz
  • 18. Combinando Tipos 1. Dê preferência para tipos da mesma família. abcdefghijklmnopqrstuvwxyz
  • 19. Escolhendo Tipos 1. Considere o meio para o qual o tipo foi originalmente projetado. 2. Escolha tipos que sobrevivam nas condições finais de impressão. 3. Escolha fontes que possam fornecer todos os efeitos especiais de que você precisar. abcdefghijklmnopqrstuvwxyz
  • 20. Tipos Fantasia e Rasterização abcdefghijklmnopqrstuvwxyz
  • 21. Photoshop Smooth X Sharp abcdefghijklmnopqrstuvwxyz
  • 22. Proporção 12 pts 48 pts abcdefghijklmnopqrstuvwxyz
  • 23. Fonte Clara em Fundo Escuro abcdefghijklmnopqrstuvwxyz
  • 24. “Crimes Tipográficos” 1. Distorção. 2. Falso Bold. 3. Falso Itálico abcdefghijklmnopqrstuvwxyz
  • 25. Download de Fontes www.dafont.com.br www.sofontes.com www.1001freefonts.com www.zipfontes.com.br abcdefghijklmnopqrstuvwxyz
  • 26. Bibliografia Elementos do Estilo Tipográfico, Robert Bringhurst Pensar com Tipos, Ellen Lupton abcdefghijklmnopqrstuvwxyz