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

Tipografia

  • 1.
  • 2.
    Em um mundorepleto 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 oteor e o significado do texto abcdefghijklmnopqrstuvwxyz
  • 5.
    3. Tornar claraa estrutura e a ordem do texto abcdefghijklmnopqrstuvwxyz
  • 6.
    4. Conectar otexto a outros elementos existentes abcdefghijklmnopqrstuvwxyz
  • 7.
  • 8.
  • 9.
  • 10.
    Com Serifa XSem 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 Loremipsum 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 Loremipsum 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
  • 17.
  • 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 emFundo 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 Elementosdo Estilo Tipográfico, Robert Bringhurst Pensar com Tipos, Ellen Lupton abcdefghijklmnopqrstuvwxyz
  • 27.