Elementos do design web - Tipografia

Ao reduzir a escrita a sua unidade mínima - a letra, johanner Gutenberg, em 1455, desenvolve os tipos móveis, dando início ao revolucionário processo de reproduzir em série palavras, textos, livros...

Fonte: é o conjunto completo de caracters sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.

Família de tipos: são todas as variações de uma fonte: Helvética Narrow, Helvética Narrow Bold, Helvética Narrow Bold Oblique.

Classificação - Francis Thibaudeu tipógrafo que elaborou diversos catálogos de tipos para importante fundidoras.

• serifa triangular - elzevir, ex:Times New Roma
• serifa linear - didot, ex:Bodoni
• serifa quadrada - egípcio, ex: GeoSlab
• ausência de serifa - antigo
  • sem serifa, ex: Helvética
  • semi sem serifa, ex: Optima
• cursivas ( manuscritas ), ex: Thelly Alegro BT
• fantasias, ex: Kidnap

Fontes digitais - com o advento do computador a adobe desenvolve a linguagem postscript que possibilitou um novo formato de fonte - O vetorial.

• fontes Adobe Type 1 - apresentam um nó a cada 90 graus, trazendo refinamento e precisão ao desenho do tipo. Para impressão
• fontes True Type - apresentam um nó a cada 45 graus, portanto apresentam defeitos quando ampliados. Para saida web

• O termo tipo é o desenho, o design de uma determinada família de letras como verdana, futura, arial, etc.
• As variações dessas letras (ligth, itálico e negrito, por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto completo de caracteres que consta do alfabeto em caixa alta e caixa baixa, números, símbolos e pontuação.

Catálogo de tipos - "uma espécie de menu de letras extraídas de softwares compatíveis com programas de editoração eletrônica", onde o interessado escolhe as letras que deverão compor visualmente o trabalho.

"Os tipos constituem a principal ferramenta de comunicação. As faces alternativas de tipos permitem que você dê expressão ao documento, para transmitir instantaneamente, e não-verbalmente, atmosfera e imagem"

• Tipográficos - O produtor de conteúdo e o designer deve se preocupar com a padronização gráfica que adotará, respectivamente, na produção do texto e na solução gráfica da aplicação web.
  
  
• Aplicar pouca variedade de tipos, evita uma miscelânea de letras que acabam por dificultar a leitura e a definição de um estilo para a o conjunto da aplicação.

Variações de tipos

• Especialistas sugerem que o número de tipos de letras utilizados fique em torno de três.
  
  
• Utilize tipos de letras para caracterizar diferentemente o título, o texto e anotações.
  
  
• Ao adotar, por exemplo, três tipos, pode-se fazer uso de suas variações como o itálico, o bold e o condensado que permitem boa margem de opções, sem, contudo, descaracterizar o estilo da página.

A escolha do tipo de letra

• Embora subjetiva, deve considerar à legibilidade, ou seja, a facilidade que leitor deve ter para reconhecer as letras.
  
  
• Se para a compreensão de uma determinada letra, o leitor tiver que se valer da letra seguinte, o tipo escolhido deve ser descartado.

Tipos serifados

• Tipos que contem traços nas extremidades das letras.
  
  
• Guiam os olhos do leitor de uma letra para outra, imprimindo ritmo e facilitando a leitura impressa.
  
  
• Ex: Garamond, humanistic, Aldine, etc.

Tipos sem serifa (tipo bastonado)

• Tipos que não contem traços, são retos, utilizados em títulos e legendas com letras no formato bold.
  
  
• Os tipos sem serifa facilitam a leitura na web.
  
  
• Ex: Helvética, Verdana, Arial, Futura, etc.