Planos a partir de R$ 39/mês Inscreva-se Agora

Dica #03 Tipografia – Pareando Tipos

03_pareando

Qual a fórmula para parear tipografias?

Não existe uma fórmula, mas existem, o que eu chamaria, de boas maneiras. E essas são duas delas:

1 – Contraste é REI. Quando optar por usar duas famílias tipográficas diferentes, de preferência por tipografias que se diferenciem bem uma da outra.

Mal exemplo: Usar Helvetica e Arial em um mesmo projeto não seria o ideal, pois ambas são muito parecidas. Neste caso o uso de tipografias diferentes perderia o sentido, já que não seria perceptível o contraste entre ambas.

Bom exemplo: Já utilizar Helvetica com Georgia pode ser uma boa combinação, pois você opta por uma tipografia Sem Serifa e uma Serifada. Ambas se complementa e enriquecem a hierarquia da página, já que possuem contraste suficiente.

2 – Use no máximo duas famílias diferentes no seu site.

Mais que isso pode ser um exagero. Com duas famílias é possível criar todo o tipo de hierarquia e ainda tornar a página graficamente interessante. Aproveite do negrito, itálico e das cores para enriquecer a hierarquia.

Mais Dicas

Código

Como animar ao Scroll com jQuery

Código

Seletores CSS – Descendente direto vs descendente

Código

O que é um CMS

Código

Para que serve o Clearfix no CSS

Design

Padding é a Revolução do Layout na Web