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

Dica #04 Tipografia – Defina Uma Escala

Design | 2.032 | 31 de março de 2015
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

Dica #09 Tipografia – Góticas

Como usar a função Calc de CSS

Mini Curso de CSS3 Animation

Animation Delay

Como adicionar uma barra de loading igual a do YouTube com JavaScript