INSTITUCIONAL
COMUNIDADE
BLOG
AJUDA
MINHA CONTA
EN PT ES

Imagen6519P

Tipografia

As regras para textos na Web se diferenciam das convenções usadas para escrever documentos a imprimir, fundamentalmente pelas limitações que impõem -> resolução de tela e ao espaço. Eng. María José Serres, da equipe de marketing da ARTech.

A resolução em tela é muito menor do que a encontrada em livros, revistas, etc, até em documentos impressos em baixa qualidade com impressoras comuns. A maioria dos textos impressos tem uma definição de 1200 dpi (pontos ou píxels por polegada), enquanto a definição por monitor não passa de 85 dpi. Na tela, o espaço utilizável para texto é menor (para a maioria dos usuários) do que na maioria dos livros e revistas, de modo que se limita -> quantidade de textos a ser mostrado, sem a necessidade de mover-se verticalmente.


Legibilidade
A boa tipografia depende -entre muitas outras variáveis- do contraste visual entre uma fonte e outra, e entre os blocos de texto, os títulos e o espaço em branco ao redor. O que mais atrai ao olho é o contraste forte com padrões distintivos.
Quando se enche uma página de texto denso, esta se converte em um bloco cinza, que não é atrativa nem cômoda para ler devido -> falta de contraste visual.

A primeira coisa que se vê em uma página antes de ler o título ou de ver as imagens é o padrão total e o contraste da página. Seguir padrões que conservem a forma de organizar o texto e as imagens nas diferentes páginas de um site ou de uma aplicação, permite entender a organização da informação, intuir a localização de mais informação e aumentar a legibilidade da mesma.

 




Margens
As margens definem a área de leitura de uma página, separando o texto principal do que o rodeia.
As margens e o espaço em branco são usados para delinear o texto principal de outros elementos de uma página e, usados de igual maneira em todas as páginas oferecem unidade através do site, criando uma estrutura consistente e uma identidade visual.
É recomendável que os textos principais tenham uma margem de 5 a 10 píxels. Isto é conseguido no GeneXus, pondo o texto dentro de uma tabela com borderwidht =0 e cellpadding=10.

 
Cellpadding: especifica a distância em píxels entre o conteúdo e as bordas da célula. 
Cellspacing: especifica a largura em píxels das bordas da célula.


Na próxima entrega vamos continuar falando de tipografia.


Relacionado
Tips de usabilidade: Consistência na navegação
Navegação: visibilidade e proporções
Conteúdos das opções dos menus
Alihamento dos textos
Fontes
Uso: Cores, Contrastes e sublinhados
Novos parceiros acadêmicos no Brasil!