Principais tipografias e layouts para sites
Roberto Roosevelt | 10:33 |
comunicação
,
design
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
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
0 comentários:
Postar um comentário