Existe um texto muito bacana de Ben Hunt que fala sobre o atual estilo do web design mundial e que quero compartilhar com vocês. Hunt cita 9 características comuns entre os layouts atuais. Para facilitar a vida dos amigos, principalmente aqueles que não gostam muito de ler inglês, vou comentar cada característica citada pois as dicas que ele dá são super bem-vindas.
No início do texto, Ben Hunt se diz feliz por ver que o design web está melhor do que nunca, com excelente design gráfico, utilizando técnicas modernas, estão mais bonitos e fáceis de usar. Cita alguns exemplos de layouts de sites como Mozilla, Iomega e Plaxo.
Características Comuns
Layout Simples
Atualmente os sites estão mais simples quando comparado aos layouts de anos atrás. Parece que os webdesigners perceberam que é melhor quando se trabalha com simplicidade. A leitura também é simples, de cima para baixo, sem necessidade de ficar pulando com os olhos de ponto a ponto procurando por ícones e links colocados fora do padrão.
Design de conteúdo
Segundo Hunt, web designers devem gastar menos energia nas firulas de uma página, nas formas e efeitos artísticos de um layout e se concentrar em projetar um bom layout voltado exclusivamente para o conteúdo. E é isso que vemos nos layout de hoje. Alguns detalhes que Ben Hunt cita:
- O conteúdo é mais livre, sem necessidade de caixinhas envolvendo tudo.
- Suave, apresentado de forma simples.
- As cores fortes e efeitos 3D são utilizados para chamar a atenção mas são utilizados com bastante critério
Hunt dá o recado: web designers não são decoradores, são comunicadores. É preciso focar no conteúdo. Portanto, jamais projete um layout pensando em colocar conteúdo depois. Considere esse conteúdo antes de produzir o layout para que este se adeque perfeitamente ao conteúdo do site.
Orientação central
Os bons layouts hoje se definem em torno de um eixo central. Até pouco tempo os sites trabalhavam apenas com layout líquido ou alinhados a esquerda, deixando um espaço a direita quando em altas resoluções. Hoje a coisa mudou. O layout líquido permanece e é uma boa solução para se manter o conteúdo acima da dobra da página. Porém o layout fixo e centralizado dá a possibilidade em alguns momentos de se trabalhar melhor com imagens e outros detalhes do layout que poderiam se quebrar visualmente com o layout líquido devido aos espaçamentos em determinadas resoluções.
Além disso, o layout centralizado passa uma sensação de simplicidade e equilíbrio, podendo evoluir para algo clean. Outra solução interessante com layouts centralizados é a possibilidade de abertura de sua largura através de CSS ou script. Assim você pode redimensionar também o tamanho das letras, adaptando o layout ao seu formato de tela sem ter quebras de visual.
Efeitos 3D, usados com critério
O efeito 3D deve ser utilizado para dar uma suave sensação de espaço em segundo plano ou para fazer um ícone se destacar com efeitos de arredondamento e sombras sutis.
Reflexões e Fades são muito utilizados. Sombras são usadas mas com muito cuidado. Nada de exageros.
Fresh badge ou Fresh Star são muito utilizados também.
Background com cores suaves e neutras
Atualmente as cores de fundo mais utilizadas são as com gradientes suaves, como as variações de cinza claro para branco, azul escuro para um outro tom de azul um pouco menos escuro e também tons pastéis. Isso ajuda na hora de incluir itens de cores fortes e assim destacá-los melhor.
Cores fortes, utilizadas com critério
Se o layout tem uma cor de background suave, isso vai facilitar no destaque de certos elementos presentes no site, através da utilização de cores fortes e contrastantes. Contudo, deve-se tomar cuidado para não exagerar nas cores fortes. Basta aplicar em alguns elementos que precisam de destaque, mesmo assim, sem demasia.
Ícones, mas sem exagero
A regra é a mesma para cores fortes e ícones 3D: icones destacam, chamam a atenção mas não exagere. O excesso de ícones pode causar ruído ao seu layout, bagunça e dificuldade na comunicação.
Abundância de espaços
Essa regra é universal: quanto mais espaços em branco melhor. Mais leveza você irá trazer. Claro que o espaço em branco não é necessariamente branco, o que Hunt quer dizer são espaçamentos, espaços vazios. Boas margens é essencial para destacar os elementos, dando intervalos entre eles, facilitando a leitura.
Textos grandes
A tendência hoje é utilizar letras grandes, facilitando assim a leitura de alguns destaques. Mas para isso a regra também é universal, itens mais importantes, letras maiores. Um título por exemplo ou uma citação que merece ser destacada. Mesmo assim, como em tudo no design, o tamanho das fontes deve ser utilizado com bastante critério. Se você resolver destacar tudo com letras grandes, imagina a salada que isso vai ficar. Ruído. Nada será destacado.
Para o alto e Avante!
Postado em Inspiração, Webdesign por Bruno Ávila | 5 comentários
