As Cores, Elementos e Sensações no Designer de Web Sites

Cores e Sensações:

Ø Vermelho: Dinâmico, força, baixeza, energia, revolta, movimento, barbarismo, coragem, furor, esplendor, intensidade, paixão, vulgaridade, poderio, vigor, glória, calor, violência, excitação, ira.

Ø Laranja: Força, luminosidade, euforia, alegria, energia, advertência, tentação.

Ø Amarelo: Iluminação, conforto, alerta, gozo, ciúmes, orgulho, esperança.

Ø Verde: Adolescência, bem estar, paz, saúde, ideal, abundância, tranqüilidade, segurança, natureza, equilíbrio, esperança, serenidade, suavidade, crença.

Ø Azul: Espaço, verdade, sentido, intelectualidade, paz, advertência, precaução, serenidade, infinito, meditação.

Ø Roxo: Fantasia, mistério, profundidade, eletricidade, dignidade, justiça, egoísmo, grandeza, misticismo, espiritualidade, delicadeza, calma.

Ø Marrom: Pesar, melancolia.

Ø Preto: Depressão, escuridão, sombria.

Ø Branco: Neutro.

Elementos do Designer:

Ø Espaço em branco evitar só se for usar propaganda.

Ø Saber combinar as cores geralmente se usa 3 cores (1 fundo, 2 letra, 3 detalhes do menu) variar a mesma cor.

Ø Texturas são os fundos da página é interessante saber aplicar, geralmente usar o branco ou uma cor de fácil visualização das letras e menus.

Ø Seqüência é a forma com a qual você lê a página, usar sempre uma seqüência lógica.

Ø Proximidade e Alinhamento são o que separa a página por grupo de informação.

Ø Balanço é o equilíbrio visual da página. Ex: tipo de cor adequada, tipo de fonte e menu.

Ø Contraste entre os elementos, você pode mudar algumas cores para chamar a atenção.

Ø Unidade da página além de atingir o equilíbrio deve se atingir uma boa visualização.

Principais recomendações para não errar na Usabilidade:

Ø Ocupar 50% a 80% da página com conteúdo.

Ø Evitar frames, pois diminui o espaço disponível para apresentação de conteúdo.

Ø Agrupar os diferentes tipos de informação disponíveis na página apresentando as mais importantes em primeiro lugar.

Ø Usar espaço em branco para separar conteúdo ou assuntos diferentes.

Ø Evitar desenhos ou texturas no fundo da página, o fundo não deve chamar mais a atenção do que a informação.

Ø Usar um conjunto limitado de cores.

Ø Evitar cores berrantes, caracteres brilhando ou piscando.

Ø Contrastar letras com o fundo, preferencialmente fundo claro com o texto escuro.

Ø Não usar caixa alta em excesso, evite usar tudo em maiúsculo.

Ø Evite fonte em itálico.

Tamanhos de páginas, banners, botões:

Ø Resolução padrão: 660w pixel por 440h pixel (widht=largura e height=altura) resolução 72.

Ø Full banner 468 x 60 / Half banner 234 x 60 / Button1 120 x 90 / Button2 120 x 60 / Micro bar 88 x 31 / Square button 125 x 125 / Vertical banner 120 x 240.