29|04|2008 @ 11:06
Tipografia em grade para web
A tipografia é parte essencial de qualquer projeto gráfico, muitas vezes, sozinha ela é a personagem principal. Para a web, ela tem um fator determinante pois além do conteúdo em si, existe o agravante da diferença de equipamento/configuração/programa que o leitor está utilizando
Trabalhar a tipografia das páginas para facilitar a leitura (usabilidade) principalmente em textos/matérias é fundamental para tornar a experiência do usuário agradável. Uma das técnicas facilitadoras é utilizar grades para modular as partes do texto, fazendo com que o conteúdo textual flua mais harmoniosamente.
Vamos exemplificar, utilizando as tags H1, H2 e P, e dividir nossa grade em espaços de 18 px. Utilizaremos uma imagem de fundo na página para nos guiar.



The Graphic Language
Photoshop
CSS
RSS
StumbleUpon
Del.icio.us
Technorati
Flickr