Melhore a legibilidade do seu site aplicando margens adequadamente
Para quem utiliza internet há alguns anos já deve ter percebido evoluções consideráveis quanto a legibilidade dos sites e facilidade de navegação. Isso acontece devido o aprimoramento diário da web, tanto na aplicação de novos padrões quanto nos desafios por uma internet melhor. Uma das tendências importante é o espaçamento no design dos sites.
Por que os espaçamentos são importantes?
Os espaçamentos favorecem uma melhor legibilidade, são capazes de separar áreas distintas e podem ser utilizados ainda como estratégia para dar mais destaque a uma região específica do layout. Veja as dicas a seguir.
1. Mantenha um padrão para os espaçamentos
Procure estabelecer um valor fixo para o tamanho de cada espaçamento, por exemplo, entre cada coluna e/ou bloco do seu site defina uma distância de largura e altura igual. Veja o exemplo a seguir do layout do tema para Wordpress WP Polaroid.
Observe que todas as margens de largura são iguais (nesse tema a margem é de 25px entre cada coluna), facilitando a leitura e ajudando a identificação de blocos de conteúdo sem a necessidade de bordas. O site também ganha em redução da folha de estilos (css), pois as margens sendo iguais basta definir uma única vez o valor das mesmas.
2. Margens que geram boa legibilidade
O tamanho das margens dependerá obviamente do tipo de conteúdo e design. Em geral o tamanho das margens varia de 10px a 20px em sites para resolução 800×600 e de 15px a 30px em sites para resolução 1024×768. Lembrando que estas margens citadas não são regra e é muito comum encontrar margens maiores que até mesmo facilita a leitura.
3. Cuidado com exageros
As margens também podem ser prejudiciais caso seu uso seja excessivo ou despadronizado. Imagine que uma margem muito grande poderá fazer um “buraco” no design. A despadronização de margens poderá confundir a leitura do site, fazendo com que o visitante não saiba onde deve procurar o conteúdo.
4. Observações
Cuidado para não confundir padronização com sempre utilizar o mesmo tamanho de espaçamentos e margens iguais para altura e largura em todos os blocos de conteúdo.
5. Exemplos de sites com margens bem aplicadas
Globo – www.globo.com
Mugg – www.mugg.com.br
Magnus Jepson – www.jepson.no
Categorias: 
Tags: 
[...] Ainda acho extremamente falho na diagramação do site a falta de margens. O conteúdo é muito apertado, o que prejudica a leitura. Para ter uma idéia melhor a respeito confiram o post Melhore a legibilidade do seu site aplicando margens adequadamente. [...]