Quais cores evitar no Web Design

A publicidade é um negócio complicado e tudo depende de como você se apresenta. As cores são o coração de qualquer anúncio que decide com que sucesso promoverá sua marca, mercadoria ou serviços. É por isso que o uso de tons de cores apropriados tornou-se imperativo para as empresas de hoje, a fim de conquistar a atenção do seu público-alvo, pois cada produto requer formas variadas de propaganda.

Se você deseja aprender os fundamentos da escolha de cores em seu web design, este artigo o ajudará a aumentar seu conhecimento sobre como fazê-lo corretamente. O esquema de cores certo pode ser o fator decisivo no sucesso de suas campanhas publicitárias, portanto, executar a combinação perfeita não é tarefa fácil.

Importância dos esquemas de cores

O poder dos esquemas de cores é algo que não deve ser subestimado. Se for dada a exposição certa, ela pode ser aproveitada para se tornar sua maior força em qualquer web design. Se usado de forma criativa, mesmo as cores mais simples podem ser organizadas para agitar as mentes e os corações do público-alvo e ganhar sua atenção. Um esquema de cores que utiliza a combinação apropriada de tons de cores não apenas aumenta a capacidade de anunciar, mas também melhora o tempo que um usuário gasta em um site em média.

No entanto, escolher os esquemas de cores errados pode ser no mínimo desastroso e pode afogar qualquer produto ou serviço, independentemente do tamanho ou do que traz para a mesa. Alguns anunciantes optam por cores chamativas para exibir suas marcas para capturar a atenção de seu público-alvo. Embora eles possam ter sucesso em fazer as cabeças virarem em sua direção, o público acabará perdendo o interesse no longo prazo. Um designer só faria isso para distrair o cliente e mascarar a qualidade inferior da mercadoria. Isso acaba prejudicando a imagem da marca e a reputação do negócio.

Neste artigo, abordaremos quais tipos de esquemas de cores devem ser evitados na publicidade online. Nossa equipe criou uma lista de “NOT TOs” junto com um método alternativo para você experimentar.

Usando uma cor

Ter apenas uma cor representando todo o seu site o torna sem graça e desinteressante para o seu público-alvo. É muito improvável que o público tente dar uma olhada antes de passar para o próximo site que é desenvolvido com esquemas de cores mais apropriados.

Tente isto:

Ajustar os esquemas de cores em conformidade é uma tarefa crítica para garantir um design profissional, capaz de chamar a atenção para os aspectos importantes do site. Elementos como botões, legendas, citações e hiperlinks devem receber cores adequadas para destacar sua importância.

Escolhendo a cor errada

Escolher a cor errada para o seu web design pode significar a diferença de ser ignorado em um porta-revistas ou vendido à vista. Para um site que tem um produto para vender ou mesmo um serviço para promover, ele pode facilmente escolher uma tonalidade do exterior do produto ou da propriedade filosófica do serviço. De qualquer forma, uma representação profunda do seu site com o que você está oferecendo ajuda a criar uma conexão com o usuário. Usar uma cor escura como azul marinho para um web design feito para vender produtos de beleza será decepcionante.

Tente isto:

Antes de permitir que seu site se transforme em uma catástrofe dispendiosa, use a teoria das cores para selecionar os tons que estão intimamente associados ao produto ou exibem suas características. Isso ajuda o espectador a permanecer engajado no site e até mesmo dar uma chance aos produtos.

Cores NEON

Usar cores Neon não é proibido, mas celebrar o Holi com elas em seu web design pode ser uma jogada estúpida. As cores neon são criadas aumentando a intensidade do brilho por um tom para destacá-lo no contraste.

Não há dúvida de que eles são divertidos e divertidos no design, mas apenas pelas quantidades apreciáveis. Usá-los incessantemente em seu modelo pode realmente fazer os olhos do espectador lacrimejarem, mas também fazer com que o texto sangre no contraste, interrompendo sua legibilidade. Se não me engano, seu objetivo é envolver o visitante e não causar um ataque epiléptico.

Tente isto:

No entanto, se você for realmente persistente, sempre poderá remover o brilho desnecessário das cores Neon para deixar o texto um pouco mais escuro e menos intenso. Além disso, se você já decidiu adicionar cores Neon ao tema, certifique-se de usá-las para os elementos menores para que o leitor possa vê-los facilmente.

Cores vibrantes

Agora, misturar ou combinar cores com sangue ruim é como embaçar a visão do visitante intencionalmente. Isso acontece quando as cores altamente saturadas interagem umas com as outras e produzem um “efeito vibratório” que produz um movimento brilhante. Este efeito de vibração é altamente detestado pelos usuários.

Ao combinar esses tons de cores vivas, a visão se torna incômoda e produz um efeito de pós-imagem que atrapalha a visão. Ele não só impede o usuário de ler o conteúdo, mas também faz uma bagunça infernal do seu texto.

Tente isto:

Mais uma vez, não é recomendado que você combine cores vibrantes entre si, mas se for necessário, a melhor maneira de acomodar isso é introduzir uma cor neutra entre as duas cores brilhantes, para que uma das duas se torne um tom mais escuro.

Além disso, se você precisar descobrir quais cores irão vibrar, você pode colocá-las lado a lado e você notará:

1. A alta saturação de cor presente entre eles
2. Complementares e espaçados 180 graus na roda de cores
3. Pouco contraste aparece quando as cores são convertidas em escala de cinza

Temas arco-íris

Na minha opinião, qualquer coisa que viole as regras da teoria das cores pode ser perigosa para o seu web design, mais cedo ou mais tarde. Então, vamos ser sinceros, sites coloridos com arco-íris simplesmente não funcionam. Imagine quantas regras você massacrou apenas para criar um modelo com tema de arco-íris em sua cabeça logo após ler isso.

Os designs de web coloridos do arco-íris não são apenas não convencionais, mas também enganosos – se você entende o que quero dizer. Você quer promover, anunciar ou vender algo, mas mostrar arco-íris para seus clientes e visitantes não vai ajudar.

Tente isto:

No entanto, se você estiver interessado em produzir um web design multicolorido com mais de 3 cores, use bloqueio de cores ou estilo de cartão para seu modelo. Isso permite atribuir cores a categorias bloco por bloco sem comprometer o equilíbrio de cores no design.

Cores claras em branco

Cada vez que vejo esse erro percebo como o cliente tende a perder o interesse e passa para o outro site. Usar uma cor clara contra um fundo de cor clara é o mesmo que vender um sanduíche recheado de pão. Você precisa equilibrar a luz com a escuridão e definir uma quantidade razoável de diferença que permita ao leitor vasculhar suavemente o site em vez de abandoná-lo. Nas últimas tendências de web design, o aumento do uso de imagens de cabeçalho está tornando isso um contratempo comum.

Tente isto:

A melhor maneira de evitar isso é comparar a cor de fundo com as paletas na roda de cores. Você pode distinguir facilmente a combinação certa verificando a facilidade de contraste entre si. Um bom mix unirá o conteúdo com o design e produzirá um apelo natural em seu web design.

Experimentando com planos de fundo detalhados

Este é provavelmente o mais letal dos erros em relação às cores nos designs da web. Os proprietários de empresas contratam designers para produzir o melhor de seu trabalho e criar um site que tenha o que é necessário para levar seus negócios e receitas ao topo. Mas é aí que às vezes as coisas ficam um pouco desequilibradas. Os designers de sites estão sempre procurando novas maneiras de impressionar seus contratados e, nessa busca, geralmente adicionam uma quantidade excessiva de detalhes de cores no plano de fundo. Temporariamente, não parece tão ruim, mas quando o design avança para as etapas finais com todos os seus elementos e conteúdo configurados, ele se torna um pedaço feio de modelo.

Tente isto:

A única maneira de evitar esse desastre é instruir seu web designer a evitar adicionar detalhes de cores em segundo plano e manter sua equipe informada se algo novo estiver sendo testado ou implementado no plano original.

Amarelo pálido e azul brilhante

A maioria dos designers está bem ciente de que azul brilhante e amarelo pálido são escolhas terríveis de cores quando se trata de fundo de um site. O azul brilhante é intenso e sempre agressivo em relação a qualquer outra cor que entre em seu domínio. O amarelo pálido reage de forma diferente e anula o propósito de uma cor de fundo, afetando o humor do visitante e fazendo com que outros tons se radicalizem. Aqui está por que você nunca deve tentar usá-los.

Azul brilhante como plano de fundo

Agora, não quero ofender nenhum amante da cor azul brilhante dizendo que parece terrível como plano de fundo do site, é apenas um fato que não pode ser, nunca será, uma boa escolha de cor para definir o contraste. Por um lado, azul brilhante muito forte para ser contraposto ao conteúdo do site e dois, deixa o designer com poucas opções para combiná-lo com outro tom da paleta. Tem um efeito vibratório que o aproxima das cores Neon e se você leu o que discuti acima, as cores Neon são um grande NÃO!

Tente isto:

Você pode usar tons mais claros de azul, especialmente quando tiver um design de estilo de cartão para o seu site. Ele neutralizará o efeito vibratório e atenderá a necessidade de ter uma cor azul para o fundo.

Amarelo pálido em segundo plano

Adicionar um pouco de amarelo aos cabeçalhos e talvez algum texto dos títulos possa parecer ok, mas afogá-lo com o plano de fundo pode significar a diferença de um site muito visitado e um lixo flutuante na internet. Não só dá uma tonalidade desagradável, mas reflete o mau gosto do negócio para seus clientes. Amarelo tem um significado sentimental para atingir uma nota de felicidade e alegria dentro do público. Assim, usá-lo sem perspectiva pode ser irreversivelmente prejudicial ao seu site em termos de custo e perda de clientes.

Tente isto:

Você pode usá-lo com marrom, vermelho escuro ou laranja para dar um visual retrô e usá-lo mais tarde em outras instâncias também. Um fundo branco com tonalidade amarela pode surpreender seus visitantes se combinado com a cor certa para o cabeçalho e rodapé, como laranja.

Ignorando ferramentas de correspondência de cores

O esquema de cores não é uma tarefa fácil, pois é mais fácil falar do que fazer a combinação perfeita de cores para atrair clientes. Isso ocorre porque ter um conhecimento profundo sobre a mistura de cores e qual combinação atrai a reação preferida do público é uma arte que poucas pessoas adotam. Isso leva a uma forte dependência do método de tentativa e erro, que é extremamente arriscado para a publicidade. Um único erro pode acabar falhando em toda a sua campanha.

Felizmente, existe uma solução para superar essa barreira do esquema de cores, que se apresenta na forma de uma ferramenta de correspondência de cores que é construída para combinar cores diferentes com resultados comparáveis ​​aos veteranos desse campo.

Tente isto:

As ferramentas de correspondência de cores, como a ferramenta Adobe Color CC, são desenvolvidas para simplificar o processo de seleção de cores de destaque quando você seleciona qual será a cor dominante. Embora a ferramenta possa parecer complicada, na realidade ela foi projetada para ser simples e eficaz.

As ferramentas de correspondência de cores estão equipadas com opções para simplificar o esquema de cores, como:

• Escolhendo a cor dominante em torno da qual selecionar cores de destaque
• Escolhendo uma foto em torno da qual selecionar cores de destaque

Importância das cores de destaque

Informações importantes nas páginas da Web podem ser destacadas usando cores de destaque para indicar sua importância. Eles podem variar de hiperlinks a outros conteúdos na página da Web para os quais você deseja chamar a atenção do seu público. É aconselhável ficar com uma ou duas cores de destaque, pois um número maior de cores de destaque acaba criando confusão para os visitantes do site.

Conclusão

Embora as cores desempenhem um papel importante em dar a um site seu código de vestimenta e apelo, usá-las corretamente em seus modelos de design é imperativo se você deseja obter um negócio bem-sucedido. Sem os tons certos ao seu lado, seu site não será apenas motivo de chacota, mas também uma decepção cara.