quinta-feira, outubro, 2015

Cores e suas aplicações na prática – Parte 2

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas
Loading...Loading...
FavoriteLoadingFavoritar este Post

Na semana anterior, falamos um pouco sobre a aplicação de cores em artes digitais: mencionamos a roda de cores e as diferentes técnicas de harmonização de tons.

Nesta segunda parte da série, vamos tratar da harmonização entre layout e elementos visuais e também mostrar o infográfico completo da Kissmetrics.

Coordenar a cor entre layout e elementos de fotos é uma forma de construir unidade no web design. Sem essa conexão, fica a sensação de que algo não está “certo”, sabe? Neste caso, a primeira impressão pode ser ruim, causando um impacto negativo no usuário antes mesmo de ele testar a estrutura toda.

Mas quais são as melhores combinações de cores entre layout e fotos? Confira abaixo!

 

1- Coordenação de cores em grandes quantidades

Alguns designers optam por essa alternativa. Em alguns casos, usam exclusivamente elementos de foto para determinar toda a paleta de cores do site. Usar imagens e layouts com cores semelhantes transparece uma conexão forte para o usuário e sugere unidade máxima.

Na figura, repare como o vermelho é utilizado em quase todos os momentos. A outra cor, o cinza, complementa os detalhes e o fundo.

Cores1

 

2- Coordenação de cores em pequenas quantidades

Essa harmonização pode ser usada para destacar partes específicas do layout, dando pontos focais adicionais. Neste caso, as outras cores contornam os detalhes e funcionam como uma espécie de “moldura”. Elementos do layout que recebem essa acentuação de cor, como no caso de logos, por exemplo, tem mais impacto no resultado.

Na figura, repare que o vermelho passa a ser utilizado em dois momentos apenas e o azul também se sobressai. No entanto, a foto em vermelho ganha mais destaque do que no modelo anterior. O cinza continua complementando, mas ganha mais espaço, agindo exatamente como uma moldura para o vermelho.

Cores2

 

3- Coordenação de cores e imagens de fundo

Uma foto que é usada como cenário (backdrop) do layout pode ajudar a comunicar o objetivo do seu site de forma rápida e efetiva. Quando se utiliza imagens de fundo, as cores contrastantes devem ser colocadas para tornar os outros elementos mais notáveis. Mas cuidado: muito contraste entre as cores pode deixar o design desconfortável. Faça várias tentativas e veja o que funciona melhor para você e seu objetivo. Não se esqueça de levar em conta a essência da marca ou projeto envolvido.

Cores3

Depois de todas as dicas “mastigadas” nessa série, confira o infográfico da Kissmetrics, que traz todos os insights em inglês:

Cores4

 

 

Quer reler o primeiro texto da série? Acesse aqui: Cores e suas aplicações na prática – Parte 1.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Qual é a MINHA WACOM?

Pensando nas dúvidas e dificuldades de encontrar a Wacom ideal para as suas necessidades, criamos uma…

Leia mais >