GeoWeb

Design e Tecnologia.

Padrões de Design, tipografia e layout para sites

A Smashing Magazine fez um ótimo estudo de padrões de design, tipografia e layout para sites, recomendo a leitura completa. Abaixo segue uma cola que fiz com aquilo que achei mais importante do  que eles pesquisaram.

1. Serifa vs  Sans-serif (sem serifa)

40% usam serifa
60% não usam fontes serifadas

2. Fonte mais  popular serifada pra título e corpo do texto

Georgia

3. Fonte mais  popular não serifada pra título e corpo do texto

Arial, seguida por Verdana e Helvetica

4. Fonte mais utilizada

Georgia, Arial e Verdana

5. Tamanho da fonte pra título

De 18px a 20px e 24px a 26px, empatados.

6. Tamanho da fonte pro corpo do texto

13px disparado e 14px em segundo.

7. Caracteres por linha

82 a 84, seguido por 88 a 90.

Outras dicas

46% dos sites usam underline nos links
96% dos sites não usam texto justificado
A escala tradicional de fontes é 6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72

Padrões de escala em pixel

Tamanho da fonte do título ÷ tamanho da fonte do corpo = 1.96
Altura da linha ÷ tamanho da fonte do corpo = 1.48
Tamanho da linha (pixels) ÷ Altura da linha (pixels) = 27.8
Espaço entre parágrafos (pixels) ÷ Altura da linha (pixels) = 0.754

Comments

comments