Cores em site sério

A Marplas faz cordões, desses de pendurar crachá. Tentamos fazer vá-ri-os layouts, mas nenhum agradava a empresa. Conversando com meu pai, percebi que a empresa vendia para outras empresas, portanto, o layout deve ser sério, adulto.

A da esquerda é a primeira versão. O cliente queria algo com cores mais fortes, que chamassem a atenção (ele utilizou a expressão “verde do logo do Carrefour”…). É o da direita. Veja minha resposta:

Quanto às cores…

1) Coloquei o texto em preto, mas vocês podem ter notado que ficou mais difícil de ler. O conjunto acaba ficando mais escuro, ainda mais “sem vida”. O texto branco prendia a atenção por se destacar do fundo. Com o texto preto, apesar de continuar legível, chama menos a atenção.
Devemos lembrar que o topo será animado e que essa animação rouba a atenção do visitante, tanto por se mexer, tanto por ser no topo, quanto por ser uma imagem com fundo de cor diferente. Essa animação não pode dispersar o leitor, que, como já dissemos anteriormente, busca por conteúdo. Com a fonte preta, o conteúdo fica “apagado” e a animação rouba a cena.
O título verde claro também incomoda o olhar, e, se for preto, some.
Por padrão e conforto, textos são sempre pretos, brancos ou cinza. No caso não é possível utilizarmos o cinza. Cores verde ou laranja em tons claros são enjoativas e cansativos. Azul, vermelho, amarelo ou outras cores fortes (ou seja, saturadas, em sua total pureza) são ainda menos recomendados. Eles “saltam” ao olhar e encomodam tanto que fica impossível de ler.
Portanto, recomendo utilizarmos o branco, sim.

2) Da mesma forma que o texto saturado (cores fortes) fica enjoativo, cansativo e “irritante” ao olhar, utilizar tais cores em outros elementos da página terá o mesmo efeito.
O fundo é “pesado”, um cinza escuro quase preto. Portanto, os outros elementos da página devem ser mais “leves”, por isso o branco, o degradê cinza claro do menu, o verde não-saturado.
Sinceramente verde é uma cor muito difícil de se trabalhar. Um tom errado pode prejudicar toda a composição. E verde-florescente-carrefour é um tom errado.
Portanto, brinquei com o fundo. Efeitos variando a tonalidade do verde, do claro para o escuro, sem muita saturação. Lembre que se o texto ficar realmente preto, a imagem não pode chamar mais atenção que o conteúdo.

O que caracteriza um site sério é realmente a falta de saturação das cores. É uma função biológica: quando crianças, enxergamos melhor as cores. Por isso roupas, brinquedos e tudo que se refere ao infantil têm cores fortes e saturadas, como o laranja, roxo, vermelho e azul. Porém, ao avançar da idade, perdemos gradualmente informações de cor. Por isso sites institucionais têm cores opacas, pois assim demonstram maturidade.

Como você pode notar pelos argumentos, Edson, não se trata de criatividade nem de milagre: cores são um ponto crucial do desenvolvimento gráfico de qualquer projeto e devem ser adminitradas seguindo “regras” de conforto da visão humana.

Essa não é apenas a minha opinião: meu professor de webdesigner escreve artigos no IMasters, um grande portal para quem quer aprender web. Além disso, faço faculdade de Mídias Digitais e tenho todo o conceito de design. Meus argumentos nesse email são de cunho institucional, e não pessoal.

Estou no aguardo de sua opinião.