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

Dica #04 Tipografia – Defina Uma Escala

04_escala

11, 14, 18, 24, 36, 48, 60. Definir uma escala tipográfica é tão importante quanto definir as cores do site.

Existem escalas clássicas como a que encontramos pré programadas em softwares como o Photoshop e escalas que vão desde a proporção áurea até as notas musicais.

Independente da escala, siga essas regras e tudo ficará bem:

1 – Seis é um bom número. Seis escalas diferentes são suficientes para trabalhar a hierarquia da informação de um site.

2 – Contraste é rei. Define uma escala em que o contraste entre um tamanho e outro seja totalmente visível. Uma escala que reúne tamanhos como 14, 15 e 16 não é uma boa escala, pois estes são muito parecidos. Tamanhos parecidos não possuem contraste e por isso não enriquecem a hierarquia da página.

A escala é fundamental e se apoio em um dos mais básicos princípios do design que é a REPETIÇÃO.

Então se você definir um tamanho para os textos de botões, mantenha ele por todo o site.

Mais Dicas

Código

Como animar ao Scroll com jQuery

Código

CSS @keyframes

Código

CSS – pseudo-class :first-child

Código

Pseudo-elements :after e :before para estilizar títulos

Código

Animação Durante o Scroll