TIPOGRAFIA

TYPEFACE

PERSONALIDADE

Cada typeface tem uma personalidade. Alguns são divertidos e engraçados, alguns são rígidos e outros são mais acadêmicos e elegantes. 

A personalidade do typeface é tão importante quanto escolher a roupa certa para cada ocasião.

CATEGORIAS

Existe uma classificação sob a qual cada typeface é colocado. As mais utilizadas são 4: Serif, Sans Serif, Display e Script

SERIF

As serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras.

É um clássico, super tradicional e elegante.

SANS SERIF

“Sans” significa sem em francês. Assim, é a letra sem serifa.

Ela é a mais versátil. Pode ser utilizada em um design com uma enorma gama de personalidade. É a aposta mais segura.

DISPLAY

PERIGO! Elas têm o potencial de parecer bobas.

Utilize somente para títulos grandes, nunca para parágrafos.

SCRIPT

São baseadas na letra de mão.

Assim como a Display, será muito raro utilizar esse tipo de letra. Mas às vezes ela pode ser bastante útil, como num logo para uma marca infantil, por exemplo.

ESPAÇAMENTO ENTRE LETRAS

Manipular o espaçamento entre letras cria efeitos diferentes. Elas podem ser espremidas juntas ou espaçadas mais afastadas. Quando afastamos as letras, isso cria um efeito chamado Panorama. Um bom exemplo é o filme Gravidade, cujo título é disposto na figura ao lado. Existem 2 regras quando utilizamos esse efeito:

1. O texto deve ser todo maiúsculo.
2. Use em textos de apenas uma linha

ALTURA DA LINHA

A altura da linha é o espaçamento entre as linhas.

Todas as fontes têm um valor padrão. Algumas são muito bem pensadas e balanceadas. Porém vai acontecer de uma fonte com grande personalidade e que fica perfeita no seu design não ter uma boa altura e precisar de ajustes. Geralmente aumentando a altura.

Se as linhas estão muito próximas, a leitura do texto fica difícil.

Na maioria dos casos, para o corpo do texto, 140% (1,4 x fontsize) é uma altura excelente. Não passe de 180% a não ser que você tenha um propósito muito claro para isso.

FONT WEIGHT (ESPESSURA)

Light, regular, semi-bold, extra-bold, heavy, black, skinny, hairline e assim por diante. Estes são exemplos do que chamamos de font weight ou espessura.

Quando for escolher uma font para seu site, escolha sempre uma que tenha no mínimo 4 espessuras diferentes.