Existem inúmeros fatores que devem ser levados em consideração no desenvolvimento de um site, dentre eles a organização e legibilidade do conteúdo. É necessário estar sempre atento a Tipografia, espaçamentos, alinhamentos e organização entre os elementos.

A legibilidade é uma qualidade que determina a facilidade de leitura de alguma coisa. A partir desta definição devemos fazer uma série de análises para que a leitura de nossos textos sejam mais legíveis, consequentemente mais eficazes.

Tipos e Tamanhos de fontes

É natural que quanto menor seja uma fonte, menor será sua legibilidade. Por isso uma das primeiras regras no desenvolvimento do seu site é evitar ao máximo a utilização de fontes pequenas.

Até onde uma fonte é pequena para web? Para textos corridos, recomenda-se o tamanho mínimo de 12px. Além disso é importante lembrar das duas fontes mais utilizadas na internet, que são Arial e Verdana. Ambas não possuem serifa, o que facilita na leitura. Ainda é muito utilizado o tamanho 11px em rodapés ou em locais que o conteúdo apresente menor relevância para o site.

Contraste entre cores

Na web o constraste entre cores é fundamental para legibilidade de um texto. Utilizar plano de fundo claro com fontes claros prejudicará a leitura, o mesmo ocorre quando utilizamos plano de fundo escuro com fontes escuras.

Com base nisso é utilizado o contraste entre cores. Contrastar exageradamente também não é aconselhável, por exemplo, caso esteja utilizando plano de fundo branco (#FFF) não recomenda-se a utilização de uma fonte com 100% de preto (#000), pois este contraste tornará a leitura cansativa. Neste exemplo com o plano de fundo branco (#FFF) é recomendável a utilização de um tom de cinza (#444), mantendo um constrate visível porém menos irritante aos olhos.

Alinhamento

O alinhamento do texto em um layout é fundamental para definir o nível de legibilidade do mesmo. Embora o padrão de alinhamento justificado possa ser o mais fácil de ser trabalhado e fique mais bonito, ele poderá reduzir a facilidade de leitura do texto. Na web, quando um texto está utilizando o alinhamento justificado, os navegadores tentam compensar os espaços entre as palavras, desta forma, a medida que estes espaços aumentam o cérebro precisa se adaptar a nova formatação causando um atraso na leitura.

Espaçamento entre linhas

Quanto maior o espaço entre as linhas maior será a definição, o agrupamento e a diferenciação das mesmas. É preciso ter cuidado com o excesso de espaçamento , pois este poderá tornar a leitura cansativa. No caso do layout RGB Magazine foi escolhido a fonte Verdana, tamanho 12px e espaçamento entre linhas de 20px.

Organização de elementos

Além dos textos é importante ficar atento a separação de todo e qualquer elemento presente no layout da página. É através dos espaçamentos que o usuário poderá distinguir facilmente as áreas do conteúdo exibido. Procure definir espaçamentos padrões de largura e altura, isto poderá tornar o layout mais agradável e ainda melhorar a legibilidade.

Quando é feita uma leitura de um site e se chega ao fim de um determinado elemento, o usuário procura imediatamente o próxima linha de texto ou o próximo elemento, por isso, é importantíssimo organizar as informações de acordo com a relevância que queira passar para o visitante do site.

Estes são alguns critérios básicos para que consiga desenvolver um site legível e de fácil navegação.

As cores têm significados específicos, são capazes de alterar a interpretação de uma imagem, além de serem um fator crucial para o desenvolvimento web.

Para Designers, o conhecimento das cores e suas representações são essenciais para o desempenho de um bom trabalho. Uma cor não pode ser definida apenas por gosto pessoal, pois dependendo do tipo de conteúdo oferecido existem restrições.

Todas as cores podem ter suas representações positivas ou negativas, dependendo de sua aplicação. Veremos então a algumas representações positivas e negativas das cores Vermelho, Verde e Azul (RGB – Red, Green, Blue).

Vermelho (Cor Complementar: Verde)

Representações positivas:

• Ativa
• Atração
• Coragem
• Determinação
• Dinâmica
• Energética
• Excitante
• Quente
• Paixão
• Romantismo
• Sensualidade
• Sucesso

Representações negativas:

• Agressividade
• Impaciência
• Ofensiva

Verde (Cor Complementar: Vermelho)

Representações positivas:

• Conforto
• Eficiência
• Generosidade
• Harmonia
• Natural
• Tranquilidade
• Sinceridade

Representações negativas:

• Amargo
• Ciúmes
• Ignorância
• Indiferença
• Inexperiência
• Melancólica

Azul (Cor Complementar: Laranja)

Representações Positivas:

• Autoridade
• Calma
• Frio
• Confiança
• Flexibilidade
• Honestidade
• Inteligente
• Percepção
• Proteção
• Responsabilidade
• Sinceridade

Representações Negativas:

• Deprimido
• Isolamento
• Nostalgia
• Solidão