Definindo cores para seu layout

Neste artigo mostrarei algumas dicas para escolher melhor as cores de seu próximo website. Além de alguns exemplos, você confere também ferramentas disponívies online, como o Kuler da Adobe, para a escolha e composição de tonalidades.

A escolha de cores para um site web representa metade de um design. Escolher as cores certas pode tomar boa parte do seu tempo na concepção e criação de um projeto. O primeiro passo é analisar o foco da empresa ou produto. Por exemplo, caso seja o site de um restaurante italiano as cores vermelhas/quentes surgem em primeiro plano. O segundo passo é agradar o cliente. Nem sempre a combinação de tonalidades escolhida por você irá cair no gosto do cliente e você poderá acabar com cores completamente diferentes da escolha inicial. Frases como “mas eu gosto daquele amarelo vibrante!” tornam o trabalho de um webdesigner bastante divertido!

Abaixo algumas das tonalidades utilizadas por mim em alguns projetos, incluindo a versão antiga deste blog (primeira opção):

exemplos - tonalidades

Ao escolher as tonalidades para um projeto, opte pelo menor número de cores possíveis e trabalhe em cima da logomarca da empresa/produto. Também tenha em mente a idéia de cores contrastantes, para facilitar a leitura e destacar elementos em um layout. Por exemplo, em uma palheta de três cores, uma deve estar em contraste com as outras duas. Ou seja, a palheta deve possuir uma cor suave e duas cores escuras; ou uma cor suave, uma média e uma escura.

Ferramentas online

Para facilitar a sua vida, diversas ferramentas estão disponíveis na web para a seleção de tonalidades (confira a lista de links mais abaixo). Uma delas é o Kuler, da poderosa Adobe. Desenvolvido em tecnologia Flash, o projeto funciona como uma espécia de comunidade, onde é possível compartilhar palhetas de cores e votar nas suas tonalidades preferidas. Além disso, caso você possua a suíte de aplicativos da Adobe, pode exportar suas tonalidades no formato .ASE (Adobe Swatch Exchange).

Confira outros links:

Fotos

Uma outra técnica legal para criar um tema de cores é utilizar uma foto como base. Utilizando o Photoshop, você pode adquirir facilmente uma palheta de cores utilizando o filtro mosaico em uma imagem. Confira um exemplo:

tonalidades de uma foto

No final das contas, o que vale mais do que qualquer coisa é a sua intuição na hora de escolher o tema de cores para um website. Portanto, use sua criatividade e lembre-se: keep it simple!

7 comentários.

Aline

Aline escreveu:

Muito bom o texto, parabéns! Gostaria de saber mais detalhes, e como eu posso fazer uma combinação desse tipo com cores quentes que não agridam os olhos, pois o tema do site que estou a fazer tem o tema "trocpical". Obrigado!

responder

Aline

Aline escreveu:

*tropical

responder

Davi Ferreira

Davi Ferreira escreveu:

Oi, Aline! Dei uma pesquisada e achei esses dois links com palhetas de cores tropicais: ColorHunter Colour Lovers Espero que ajude!

responder

Gabriel

Gabriel escreveu:

Artigo muito bacana e útil já está nos meus favoritos! parabéns e muito obrigado Davi! abraços!

responder

Cla Celestial Blog

Cla Celestial Blog escreveu:

Eu gosto de fundo escuro, apesar de serem cansativos.

responder

Brus

Brus escreveu:

Hola, achei muy bom seu site, no momento estou por fazer un site e suas dicas sao muito boas!!

responder

Cristiane Mayumi Ishii

Cristiane Mayumi Ishii escreveu:

Adorei as dicas!
Objetivo e direto.
Essa ideia de se basear em uma imagem é novidade,e se basear na logo completou.

responder

Deixe seu comentário:

(Seu e-mail não será divulgado - serve apenas para validação e gravatar.)

(Tags HTML permitidas: <strong> <em> <code> <a>)