Cores na web

Recomendações para o uso de cores na web:

Cuidados na escolha de cores de textos, fundos...detalhes do layout

Basicamente se evitarmos alguns detalhes e buscarmos outros bem simples teremos um visual agradável, diferenciado.

Essas recomendações sobre o uso da cor foram coletadas em Parizzoto(1997), Winckler(2002), Robertson(1993), Nielsen(1996) e Schneidermann (2000). Comunicação Visual para Web/Unisul

• Use a cor como uma forma de informação adicional;

• Procure evitar cores que juntas causam ilusão de ótica;

• Evite cores muito quentes, pulsam na tela e ficam difíceis de focar;

• Use combinações legíveis para texto/fundos;

• Se usar um fundo colorido, selecione as cores do texto de modo a obter contraste suave para aumentar a legibilidade se cansar os olhos;

• Evite fundos escuros;

• Use cores contrastantes com cautela, isso atrai a atenção do usuário para um determinado detalhe e desvia do principal;

• Use cores monocromáticas para textos sempre que possível, pois são mais nítidas, aumentando a legibilidade e visibilidade. Cor monocromática é a cor misturada com preto, branco, cinza. São matizes e tonalidades da mesma cor. É a variação de graduação e intensidade da mesma cor;

• Recomenda-se uso de uma cor neutra para fundos.

• Não use simultaneamente alto croma e cores que estejam muito distantes no espectro solar. Alto contraste como vermelho/verde, azul/amarelo, verde/azul, vermelh0/azul, criam vibrações, ilusões de sombras, e imagens posteriores.

• Use um código de cores consistente e familiar com referências apropriadas:
- vermelho: perigo, pare, quente, fogo;
-amarelo: cuidado, devagar, teste;
-verde: ande, ok, livre, vegetação, segurança;
-azul: frio, água, calmo, céu;
--cores quentes: amarela, laranja, vermelho, violeta: ação, resposta
requerida, proximidade;
-cores frias: azul, turquesa, verde-mar, verde-alface: status,
informação de fundo, distância;
-cinzas, branco e azul: neutralidade;

• Use a cor para aumentar a informação aumentada em preto e branco;

• Recomenda-se projetar primeiramente em preto e branco, e então adicionar cor;

• Use azul para áreas grandes, ou formas fequenas, azul é bom para fundo de tela;

• Use vermelho e verde no centro do campo visual e não na periferia;

• Use preto, branco, amarelo e azul na periferia do campo visual;

• Lembre-se que a cor mal utilizada é pior que utilizar cores.

Postagem via e-mail, saiba mais em Configurações/e-mail e celular através de seu Painel do Blogger.