A importância da cor num projeto web – regra 60\30\10

A importância da cor num projeto web é muitas vezes subestimada.

A escolha das cores influência o tempo de navegação dos visitantes; o número de páginas que visitam, as suas conversões, entre outros. Num simples teste A/B conseguimos identificar rapidamente o poder das cores e como estas podem melhorar os resultados num projeto web.

Para além destes pontos mais técnicos existem também os valores que transmitimos aos visitantes. Ai estamos a falar de valor intangíveis e como tal não os conseguimos medir com facilidade. Por exemplo se a cor da nossa marca é o azul e o nosso site é predominantemente vermelho (porque na altura lemos em algum site que essa era a cor da moda), a credibilidade que o visitante vai sentir é menor do que se mantivéssemos no site a cor da nossa marca como cor predominante.

Isto não quer dizer que o nosso site deve utilizar apenas a cor da nossa marca. Pelo contrário, o contraste de cores também é de extrema importância para melhorar os resultados do mesmo. Mas existem regras que nos permitem utilizar uma paleta de cores que conjugadas criam uma experiência visual gratificante para o visitante, que passa os valores da marca e ajuda a melhorar as conversões.

 Regra 60\30\10

A regra 60\30\10 permite definir um esquema de cores que funciona na perfeição em qualquer site. O conhecimentos desta regra por parte dos marketers permite-lhes orientar os designers na criação de layouts para site que sejam mais apelativos, reflitam os valores da empresa e convertam em melhores resultados.

Regra de cores 60/30/10

A regra de combinação de cores 60\30\10 funciona sempre?

A verdade é que estando a falar de design, nenhuma regra de escolha de cores é completamente infalível. O design também tem a ver com o gosto pessoal e ai é impossível haver regra.

Mas na parte científica do design (sim o design é uma disciplina que tem regras e valores científicos) existem regras que permitem aos designers criar layouts de sites que funcionem melhor e que vão de encontro ao que os marketers pretendem do site. Uma das principais regras e também das mais desconhecidas por parte dos marketers é a regra 60\30\10 que permite escolher uma palete de cores que dará um aspeto unificado ao seu site.

Trabalhando com um designer que tem conhecimento da teoria da cor, a regra 60\30\10 funciona a 100%.

Precisa de inspiração? Clique aqui para ver a lista completa de seminários online gratuitos da Markedu

A regra 60\30\10 aplica-se apenas ao web-design?

Não! A regra 60\30\10 é uma regra “universal “do design e é aplicada em design gráfico, design de interiores, design de moda, etc…

Como se aplica a regra 60\30\10?

A regra 60\30\10 estabelece que utilizando 3 cores em percentagens diferentes (60%, 30% e 10%) conseguimos criar harmonias cromáticas perfeitas.

A cor que escolhermos como cor principal do projeto deve ser usada em 60% do espaço do layout. A utilização massiva desta cor criar um tom unificador em todo o projeto. 30% do layout devem ser usados com a cor complementar à cor principal de forma a criar um efeito de contraste com a cor primária. Os restantes 10% serão utilizados com uma cor complementar à cor usada nos 60% ou nos 30%. Esta cor deve ser usada por exemplo em apelativos botões Call to Action.

Então só uso estas 3 cores?

A regra 60\30\10, apenas serve para definir as percentagens de uso das principais cores no site, depois pode e deve usar outras cores análogas para criar uma maior variedade cromática, ritmo e dinâmica ao seu projeto web.

Sobre o autor

João BemJoão Bem é um profissional de comunicação freelancer criativo focado em resultados. Concebe e executa planos de comunicação que abarcam design gráfico, web design e marketing digital há mais de 10 anos. Nos projetos que executa, dá especial atenção à estética e ao conteúdo como ferramentas que proporcionam melhorias de resultados.

Mais informação em www.joaobem.biz

 

Precisa de inspiração? Clique aqui para ver a lista completa de seminários online gratuitos da Markedu

Partilhe o artigo nas redes sociais

Tags: ,

No comments yet.

Leave a Reply