Identificando um layout amador

JAMAIS ESTIQUE FONTES, IMAGENS E LOGOTIPOS Erro bem comum entre os iniciantes, essa uma das caractersticas mais vsiveis de um layout amador. Mesmo aos olhos do leigo perceptvel que algo est errado ali. O crebro interpreta a desproporo das letras, das formas e crculos, dando a impresso clara de que algo foi esticado ou achatado. Jamais cometa esse crime. Ao manusear fontes, imagens ou logotipos, aumente ou diminua suas dimenses de forma proporcional.

EVITE UTILIZAR GAMBIARRAS Quantas vezes voc j tentou corrigir o mal contato no seu fone de ouvido, utilizando um outro fio e uma fita isolante? Isso o que chamamos de gambiarra. Seria uma maneira errada de se corrigir alguma coisa, evitando ter que fazer tudo de novo. o que vemos no exemplo acima. O webdesigner em questo pegou um texto vermelho escuro e tacou num fundo azul escuro. Resultado: ningum conseguiu ler. Ento, para que no fosse preciso ter que refazer todo o layout para que o texto vermelho ficasse legvel, o nobre webdesigner resolveu colocar um efeito de glow, como se uma luz resplandescente iluminasse o fundo da palavra gambiarra 1. A est um exmeplo de gambiarra muito comum. Utilizou-se um efeito totalmente artificial, mal empregado, deixando a palavra pesada, poluda. No satisfeito, o webdesigner abandona a idia do glow e taca um contorno amarelo na palavra gambiarra 2. Agora sim, a palavra ficou mais pesada ainda, como uma grossa barra de ferro.

Evite esse tipo de efeito, ao ver que a fonte no est legvel ou sendo ofuscado, troque a cor do fundo ou da fonte at encontrar o melhor contraste. E se for necessrio, volte a estaca zero e monte o layout novamente. Ao utilizar efeitos, utilize com muito critrio e de uma forma que no fique artificial.

EVITE FONTES COMPLICADAS Voc entendeu o que est escrito a em cima? Nem eu. Evite fontes de difcil leitura. Utilize o bom-senso.

CADA FONTE, UM SENTIMENTO A fonte utilizada acima a Comic Sans. Nota-se seu estilo de revista em quadrinhos. O que tem a ver esse tipo de fonte com uma funerria? Por isso utilize sempre um tipo de fonte que transmita o sentimento mais adequado. No caso da funerria, uma simples Times New Roman cairia bem.

TTULOS DESLOCADOS PARA A DIREITA Nossa leitura se faz da esquerda para direita, como qualquer ocidental. Por isso encontramos em quase 100% dos sites ocidentais esse tipo de alinhamento. Deixar deslocado o ttulo um pouco para a direita denota falta de alinhamento com o texto que vem embaixo. Nesse caso, alinhe o ttulo com o texto. Se for um menu, pode colocar o texto que vem abaixo do ttulo principal deslocado para a direita, dando uma idia de hierarquia.

MENU DESALINHADO Erro muito comum entre os iniciantes. Transmite falta de cuidado e quebra de leitura. Coloque todos alinhados na mesma linha. Recomendo a utilizao de uma linha guia, caso tenha dificuldades em alinhar.

TEXTOS SEM MARGEM Sempre devemos dar margens no topo, rodap, esquerda e direita do texto. Alm de dar uma sensao de leveza, tambm serve como uma moldura invisvel, destacando o texto como um elemento visual.

EVITE BEVEL Assim como o glow, o efeito bevel tende a ser artificial. Ao utilizar este tipo de efeito, use com bastante critrio, para que no d esse tom de artificialidade. Exagerar nesse efeito pode poluir a pgina e deix-lo mais pesado visualmente.

EVITE SOMBRAS As sombras tambm devem ser utilizadas com critrio e de forma muito delicada. No exemplo, vemos um exagero do uso da sombra, dando um aspecto de queimado, sujo, poluindo a pgina e dificultando a leitura.