Vou falar de cores. Sua importância é inegável. E um grande problema que muitos enfrentam é a escolha para que tudo fique o mais agradável possível.
Este é um assunto que não serve apenas para o design web e sim para qualquer trabalho.
Por este motivo estou dividindo ele em 3 partes:
Vou tentar ser direto e o mais simples possível, como sempre.
Ricardo, você nem sempre é.
Eu sei que não mas eu vou continuar tentando.
Quer ver como pode parecer bem complexo?
É a interação das cores em um projeto através da complementação, contraste e vivacidade.
Viu só que bonito? 🙁
Tá vamos melhorar isso.
É como as cores conversam entre si.
Ainda não não ficou bom. É não tem jeito. Então… SENTA QUE LÁ VEM….
Precisamos na verdade entender esses três termos: Complementação; Contraste; Vivacidade.
Cores complementares são aquelas que, baseando-se no círculo de cores, se harmonizam dando uma tranquilidade ao olho do observador.
Dificilmente iremos errar quando utilizamos este método. Veremos mais a frente como fazer.
O contraste será o responsável por termos de fazer mais ou menos força para enxergar e entender a mensagem.
Na dúvida escolha sempre uma cor bem leve para o fundo e uma cor escura para o texto. Mantenha a coisa simples.
Tem muito texto, use o básico. Com títulos você pode brincar um pouco mais.
Podemos usar o contraste como uma ferramenta para focar a atenção do visitante em áreas específicas do layout.
Se o layout tem um fundo escuro, o conteúdo principal poderá ter um fundo mai claro.
O mesmo pode ser aplicado para as cores análogas (depois falo sobre isso)
Pode até parecer bobagem, mas a vibracidade influencia diretamente quem vê seu layout. Ela pode despertar sensações e sentimentos mais enérgicos ou tranquilizar a mente para que quem observa possa refletir sobre o que está vendo.
Repare como nos anúncios publicitários as cores normalmente são mais brilhantes mais vivas e em contextos de leitura as cores são mais opacas.
No site do Inkscape o layout busca uma tranquilidade em relação ao seu conteúdo com topo e detalhes em tons de cinza para que o visitante possa ter sua atenção focada nas mensagens do banner central. Layout leve que nós leva a leitura e análise.
Já o site do Spotify abusa de cores vibrantes para causar uma explosão de emoções. Quantos mais tomado por emoção menor serão as barreiras levantadas pelo visitante em relação a mensagem principal, que grita na tela, levando-o à concretizar a compra.
Vou parar por aqui, em breve liberarei o segundo post sobre cores apresentando ferramentas e colocando a mão na massa.
Espero que tenham gostado, e se acreditam que possa ser útil para outras pessoas compartilhem.
Sucesso.