The Best Website Color Palettes to Increase Engagement in 2020

Is the color scheme you’ve chosen for your website triggering a desired response? Sente-se sobrecarregado com o número de potenciais paletas de cores do website?

todo mundo tem cores favoritas que tendem a gravitar para quando se trata de seu trabalho ou de outra forma.,

mas um designer qualificado entende a importância de avaliar um esquema de cores baseado na marca, os significados das cores, e os produtos ou serviços que estão sendo promovidos.

as boas escolhas de cores tomam um planeamento cuidadoso.

eles podem influenciar a forma como um visitante interpreta o que vê tanto quanto o layout e tipografia de um site — e, quando bem feito, eles podem ter um impacto positivo na avaliação de cada visitante da marca como um todo.,

neste artigo, vamos dar uma olhada no porquê de selecionar as cores certas para os assuntos do seu site, bem como 23 paletas de cores diferentes de sites reais que são eficazes em pegar a atenção dos visitantes.por que o seu esquema de cores é tão importante?

Antes de entrarmos no processo de seleção de um esquema de cores para o seu site, é importante entender exatamente por que o esquema de cores do seu site importa tanto.afinal, você pode estar pensando que é o conteúdo que realmente importa. E isso não é mentira.as pessoas adoram conteúdo., Eles são atraídos para vozes novas e informações atraentes, mas você tem que capturar a atenção deles primeiro. É onde as paletas coloridas do site entram em jogo.

Aqui está como:

criar reconhecimento de marca

o seu site é essencialmente a casa da sua empresa online.

isso significa que precisa ser uma representação precisa de sua marca. E além disso, é preciso ser memorável o suficiente para que os usuários retornem após sua primeira visita.,

afinal de contas, muitos dos seus visitantes não estarão prontos para fazer uma compra ou outra grande conversão durante a sua primeira visita — e eles precisam se lembrar de sua empresa, a fim de voltar e tomar essas ações.felizmente, a cor aumenta o reconhecimento da marca em 80%.

assim, se a sua empresa já tem um esquema de cores estabelecido, é essencial incluí-lo no projeto do seu site. Isso vai tornar muito mais fácil para os visitantes para conectá-lo imediatamente com outros lugares que eles viram sua marca.,

Mais, se o seu esquema de cores é consistente em todo o seu site, eles vão saber que eles vieram ao lugar certo quando eles retornam, independentemente da página exata em que aterram.

para além de dizer aos utilizadores quem é a sua empresa, o seu web design também desempenha um papel importante nos julgamentos snap dos utilizadores sobre a sua marca.de acordo com uma pesquisa, 94 por cento dos entrevistados nomearam web design entre os principais drivers das primeiras impressões do site.

naturalmente, o web design envolve muito mais do que apenas a cor.,

mas dado que a cor é um dos elementos mais óbvios no seu site, e um dos únicos que um usuário pode discernir dentro desses 50 milisegundos iniciais, sua paleta pode fazer ou quebrar uma avaliação do usuário de sua empresa.

forma como os visitantes se sentem sobre o seu site

em outro estudo sobre como as primeiras impressões dos consumidores são formados, 90 por cento das avaliações iniciais são baseadas apenas na cor.

em certa medida, a razão para tal é clara.

afinal de contas, a cor é um dos aspectos mais fáceis de uma página para “entender”.,”Ele pode ser avaliado quase instantaneamente e não requer que os visitantes avaliem cópia ou outras mensagens.mas também é importante considerar o papel que a psicologia da cor desempenha nestes julgamentos instantâneos.

muitas empresas tiram partido destas ligações, como ilustrado pelos logotipos no gráfico seguinte.

Por exemplo, marcas que querem criar um senso de criatividade e imaginação tendem a incorporar roxo em suas imagens, enquanto as marcas que desejam estabelecer um sentido de equilíbrio e a calma se inclinam em direção a preto e branco.,isto liga-se directamente à “personalidade” que quer que a sua marca tenha.

Em um estudo sobre a personalidade da marca, psicólogo e professor de Stanford Jennifer Aaker concluiu que as cinco dimensões do núcleo desempenhar um papel em uma marca de personalidade:

as Marcas podem, por vezes, mistura de traços, mas para a maior parte, a sua “personalidade” é centrada principalmente em um. Uma empresa que vende equipamentos de campismo, por exemplo, se identificaria com “ruggedness”, enquanto uma marca de moda pode apontar para “sofisticação.,”

E como você pode ver no gráfico de logotipo acima, a cor pode desempenhar um papel importante em mostrar aos consumidores como é a personalidade da sua marca.

embora a maioria possa não perceber conscientemente que o logotipo vermelho de uma empresa é projetado para criar um sentimento de excitação, ele ainda pode fazer exatamente isso.

E enquanto cada cor pode servir para criar um sentimento específico ou reação, certas cores são melhores escolhas do que outras para a maioria das marcas e sites.por exemplo, o azul é muitas vezes considerado a escolha mais segura., Esta é, em parte, porque é a cor “favorita” mais comum entre a maioria da população.na verdade, 57% dos homens e 35% das mulheres dizem que é a sua cor favorita.

assim, se você quiser apelar para uma ampla audiência, esta pode ser uma grande escolha para o seu site. Na verdade, pode ser por isso que alguns dos sites mais visitados hoje, como Facebook e Twitter, usá-lo para seus logotipos e marca.

também vale a pena notar que o azul também é comumente associado com sentimentos de confiança, autoridade e confiabilidade.,

mas isso não significa que é a melhor escolha para cada site. Tudo depende do sentimento que você quer transmitir aos seus visitantes.por exemplo, se a sua marca se centra na saúde e bem-estar, o verde pode ser uma melhor opção para criar essa associação. E se você quiser excitar seus visitantes e levá-los a agir rapidamente, red poderia ser mais eficaz para ajudá-lo a alcançar esse objetivo.

assim, como você seleciona cores para o seu site, considere as reações emocionais que podem conduzir em seus visitantes.,

Por exemplo, se você está tentando criar uma sensação de tranquilidade para o site do seu estúdio de yoga, vermelho pode não ser a melhor escolha — e é melhor saber que antes de investir dinheiro sério em seu projeto.

desenvolver um senso de ordem

além das respostas emocionais que as cores individuais que você escolher pode evocar, também é necessário considerar a forma como as cores em seu site interagem entre si.

A melhor maneira de fazer isso é olhando para alguns princípios básicos da teoria das cores.,

Se alguma vez fez uma aula de arte ou olhou para quaisquer recursos relacionados com o design, provavelmente viu algo semelhante à roda de cores no gráfico acima.

O conceito mais comum ilustrado dentro desta roda é a relação entre as cores primárias (vermelho, amarelo e azul), e as cores secundárias e terciárias que são formados pela mistura entre elas.

mas, para além disso, esta roda pode ajudá-lo a criar harmonia de cores ou um arranjo visual agradável de cores., Uma paleta harmônica de web design pode ajudá-lo a estabelecer um senso de equilíbrio e ordem.

Existem três tipos amplamente aceitos de esquemas de cores que você pode usar para estabelecer este tipo de harmonia: análogo, monocromático e complementar.

um esquema de cores análogo é composto de cores que caem lado a lado na roda de cores. Esta é uma das paletas mais difíceis de fazer bem, uma vez que as cores podem facilmente dominar um ao outro.dito isto, esquemas análogos de cores também são alguns dos mais vibrantes.,

assim, se você quiser criar um site colorido, visualmente interessante, você pode fazer bem com uma paleta semelhante aos seguintes três exemplos:

um esquema de cores monocromáticas cai na extremidade oposta do espectro do tipo anterior. Como o nome indica, é composto de uma cor principal, mas a intensidade e leveza das sombras variam.

estas paletas são algumas das mais fáceis de criar e as” mais seguras ” de implementar, porque vários tons da mesma cor raramente chocam ou se sentem muito ocupados.,

Então, se você estiver indo para um relativamente simples olhar em seu site, um esquema de cor monocromático como estes três poderiam funcionar bem para a sua marca:

Finalmente, uma complementares paleta cai em algum lugar entre o análogo e monocromática regimes em termos de variedade.

é composto de cores que estão diretamente opostas uma da outra na roda de cores. Por isso, embora envolva mais cores, essas cores complementam-se naturalmente e não sobrecarregam os visitantes.,

Se você quiser incluir alguma variedade no seu esquema de cores sem fazer o seu site aparecer muito ocupado, um esquema de cores complementares como um deles poderia ser a escolha perfeita:

claro, esses três não são os únicos tipos de esquemas de cores que você pode criar. Na verdade, os melhores tipos de paleta variam com base em quem você pergunta.

um esquema de cores triádicas é uma das principais opções.

este esquema de cores envolve o uso de três cores que estão situadas 120 graus um do outro na roda de cores., No gráfico acima, essas cores são laranja, verde e roxo.

à medida que selecciona as suas cores, lembre-se que os tipos listados acima não são regras definitivas. Eles podem dar-lhe uma idéia geral da sensação geral que você quer que o seu site para ter, mas eles não são de forma alguma as únicas maneiras de criar uma paleta que funciona para a sua marca.

independentemente do tipo de paleta que você usa, você pode usá-lo para criar uma hierarquia do conteúdo mais importante em cada uma das suas páginas.,

fazer com que certos elementos se destacam

como eu mencionei na seção anterior, uma paleta de cor definida do site pode ser útil para significar que certos elementos são importantes.

pode maximizar este impacto, mantendo o efeito de isolamento em mente à medida que determina como usar o seu esquema de cores nas suas páginas.

A ideia geral por trás deste princípio psicológico é que quanto mais um item se destaca, mais provável é ser notado e lembrado.,

certifique-se de que as cores que você escolher lhe dão a capacidade de fazer certas chamadas para a ação destacam-se em suas páginas sem colidir com o resto do seu projeto.

Esta abordagem também está de acordo com as preferências da maioria dos consumidores.

em dois estudos, resposta estética a combinações de cores e preferências do consumidor para combinações de cores, pesquisadores descobriram que, enquanto os consumidores preferem combinações de cores com tons semelhantes, eles também favorecem paletas com uma cor de sotaque altamente contrastante.,

o primeiro estudo mostrou que ” a preferência e harmonia dos pares aumentam à medida que a similaridade aumenta.”But,” although pairs with highly contrastive hues are generally judged to be neither nor harmonious, figural color preference ratings increase as hue contrast with the background increases.”

no segundo estudo, pesquisadores descobriram que, ” as pessoas geralmente gostam de combinar cores que são relativamente próximas ou exatamente iguais, com a exceção de que algumas pessoas destacam um componente de produto assinatura usando cor contrastiva.,”

portanto, embora a sua cor de sotaque deve ter um forte contraste, está tudo bem — e até mesmo preferível — se o resto da sua paleta é feita de tons relativamente semelhantes.

isto significa que a criação de paletas de web design que incluem uma forte cor de acento que agarra a atenção não é apenas eficaz para isolar certos elementos, mas também é uma ótima maneira de criar uma combinação que muitos dos seus visitantes irão gostar.

Simplifique as decisões relacionadas com o projeto

quando se trata de gerir um site ou uma empresa (ou ambos!), é sempre uma boa idéia procurar maneiras de simplificar os processos básicos.,

afinal de contas, quanto menos tempo você gasta em tarefas básicas, mais tempo você terá que gastar em processos e decisões que têm um maior impacto no seu sucesso.

e estabelecer paletas de web design é uma ótima maneira de reduzir o tempo que leva para criar novas páginas. Quando você tem um esquema de cores estabelecido, você faz escolhas básicas de design muito mais fácil, tanto para si mesmo como para seus designers e desenvolvedores.,

Isto é especialmente verdadeiro se você tomar o tempo para documentar a sua paleta em um fácil-a-uso maneira como este negócio fez:

Quando você cria um usuário-amigável documento de sua paleta, você fabricação de uma em-um-relance recurso com todas as opções possíveis para cada elemento.

desta forma, se você (ou seus designers) estão tendo dificuldade em determinar qual cor usar para um botão CTA, você pode simplesmente referenciar o documento para uma lista completa de suas opções.,

assim, em vez de acumular o seu cérebro para todas as várias possibilidades, você pode escolher entre uma lista pré-definida de cores. E uma vez que você selecione alguns para usar ou testar, todos os códigos HEX e RGB já estão bem na sua frente.

Quantas cores deve incorporar?

tudo depende da complexidade do seu design e dos tipos de combinações de cores. Por exemplo, se você está usando uma paleta de design web monocromático, você pode precisar de sete ou ainda mais tons dessa cor para capturar variedade suficiente na tela.,

Você vai querer especificar cores para partes específicas do seu site, tais como texto, fundos, links, cores de passagem de link, botões CTA, e títulos.

como escolher um esquema de cores da página web

Se não tiver a certeza de como seleccionar as melhores paletas de cores do desenho web, veja este vídeo que criei. Ele acompanha você através de dicas práticas para escolher um esquema de cores do site.idealmente, as paletas de cores do site refletem os valores, crenças e propósito de uma empresa., Cores altas podem indicar uma atmosfera menos formal e mais excitação, enquanto cores moderadas emprestam uma nota mais sofisticada ou formal para o negócio.

mas isso nem sempre é fácil de traduzir quando você está olhando para milhares de combinações de cores potenciais. Vamos olhar para 23 grandes páginas de cores do site que podem ajudá-lo a aumentar o engajamento.

16 grandes paletas de cores do site para aumentar o engajamento (2020)

os seguintes sites usam várias paletas de cores do site para grande efeito. São cuidadosamente escolhidos pelas emoções que evocam e pelos sentimentos que transmitem.,

Mea Cuppa

a página web da mea Cuppa usa uma paleta de cores agradável aos olhos que incorpora um par de tons de jóia (ruby e esmeralda) para a máxima vivacidade, mas de outra forma depende de uma paleta neutra e monocromática de browns e greys.

a paleta de design web evoca uma sensação de café e é refletida na imagem de herói do site, o que cria coesão.

o Big Top

BigTop é uma comunidade especializada em ajudar a rede startups., O site usa uma combinação incomum, mas extremamente atrativa de tons de jóias que variam de roxo e azul a laranja brilhante e amarelo.

As cores primárias são todas cores frias, o que faz com que as cores mais quentes pop. Você vai notar na tela da página inicial que o CTA laranja e amarelo agarra sua atenção antes de qualquer outra coisa.

olho de Tori

o nosso terceiro exemplo vem da ferramenta de visualização do olho de Tori no Twitter. Este é um grande exemplo de um esquema de cores principalmente monocromáticas., Aqui, vemos os efeitos de uma paleta de cores simples, mas poderosa, centrada em torno de tons de verde.

este esquema de cores é muitas vezes fácil de arrancar, uma vez que um tom de cor irá quase sempre funcionar com outro tom da mesma cor.

BarkBox

Contrasta lindamente com a cor Azul que é usada nos logótipos e CTAs em todo o site.,

Usando cores complementares para chamar a atenção dos Visitantes onde você quiser, pode ajudar a melhorar qualquer paleta de cores do site.

Kit de Sobrevivência para queijo

vermelho é uma cor extremamente popular para uma paleta de cores do site. Pode transmitir uma rica mistura de emoções, o que a torna muito versátil. É particularmente poderoso quando usado em pequenas doses, como você vê no site do kit de sobrevivência de queijo.,

o vermelho é temperado com cores mais neutras, e o azul ajuda a embalar um soco para CTAs e outras áreas onde o negócio quer atrair o olho do visitante.

Ruby nórdica

Ruby nórdica, uma conferência em Estocolmo, tem um belo site projetado em tons ricos de jóia. As cores escolhidas para este site paleta de cores emprestam-lhe sofisticação e colocá-lo à parte de projetos menos impactantes.,

Lake Nona

Lake Nona é um site para um lugar específico — especificamente uma perto da água. Consequentemente, não é surpreendente ver uma cor Azul representada aqui. As outras cores neutras deixam o azul destacar-se bem.

LemonStand

mais uma vez, não é nenhuma surpresa que uma empresa chamada Limão Stand teria amarelo em seu site paleta de cores. Os azuis e cinzentos combinam bem com os amarelos e ajudam a temperar o seu brilho.,

Mint

Mint é um site dedicado a financiar, de modo que o uso de azuis e verdes são boas opções. Eles ajudam a transmitir calma, tranquilidade e confiança. Tons neutros na família castanha fazem dela uma paleta de cores terrestres que acalma os sentidos.

Odopod

Odopod vai com a monotonia da paleta de cores, mas ajuda a evitar olhar chato, com um gradiente na sua homepage., A tipografia grande oferece excelente contraste, e é óbvio onde eles querem que você clique.

Fiverr

Você pode notar que muitas empresas reservar uma cor específica — no caso de Fiverr, verde — exclusivamente para o Cta. Não aparece em outro lugar no site. Na verdade, nem sequer foi capturada pela ColorFav porque é dominada pelas cores mais neutras.,

a Fotografia Digital Escola

Você poderia esperar de uma empresa centrada em artes gráficas para ter um comandante site paleta de cores, Fotografia Digital e a Escola não decepciona. As cores vibrantes ajudam a atrair o espectador. E, assim como Fiverr, a laranja usada no CTA nem sequer aparece na paleta do site porque é usada com moderação para o impacto.,

Ahrefs

Ahrefs é um exemplo de site que utiliza na sua paleta de cores liberalmente. Um azul mais escuro serve como a cor dominante, mas variações dele existem em todo o site. O mesmo se aplica às cores laranja, rosa e azul esverdeado.

Millo.co

Millo.co usa uma paleta de cores do site muito simples, e é melhor para ele. Sabemos exactamente onde procurar quando visitamos um site como este.,

Brian Gardner

Algumas empresas e indivíduos a assumir a monocromática cor da paleta para o extremo. Brian Gardner, web designer, usa um esquema de cores preto e branco que funciona perfeitamente. É baseado na sua marca de minimalismo, por isso reflecte os seus valores e crenças.

Loom

O Loom emprega doses liberais de salmão e azul bebé., Ele funciona bem, especialmente com a cor azul mais escura disponível para CTAs e outros elementos importantes na página.

uma lista útil de recursos para escolher a paleta de cores perfeita do Website

Aqui estão 18 recursos de paleta de cores para configurá-lo com a paleta perfeita para o seu website.primeiro, precisa de inspiração?

1: BrandColors

BrandColors mostra como as marcas líderes usam a cor para diferenciar seus negócios, contar suas histórias de marca e deixar seus clientes saberem o que representam., Você pode rolar alfabeticamente através de uma lista de corporações, organizações sem fins lucrativos e startups, ou procurar por marca.procura uma paleta de readymade?

2: Colorlovers

ColourLovers é um fórum para o design de paletas, com quase 2 milhões de paletas apresentadas pelos seus utilizadores. Você pode caçar ‘paletas que incluem esta cor,’ navegar, ou seguir designers. Muitas vezes, você vai encontrar variantes da mesma paleta, dando-lhe matiz e opções de saturação prontas.

(completo com nomes caprichosos.,)

3: ColoRotate

ColoRotate vem com uma biblioteca de esquemas de cores você pode procurar, selecionar e modificar. Se você quiser construir o seu próprio a partir do zero, você pode, com uma ferramenta de cores 3D. E você pode usar o esquema que você criou diretamente no PhotoShop ou fogos de artifício, com o plugin ColorRotate e aplicativo iPad.mas e se já tiver imagens, logotipos ou marcas que as cores do seu site têm de corresponder?,

4: Caçador de cores

Caçador de cores não é uma ferramenta com uma enorme gama de funcionalidades, como algumas das powerhouses “all-in-one” desta lista. Em vez disso, é uma solução sólida para uma coisa: rastrear uma cor em particular. Vá para o site, em seguida, deixe cair uma imagem dentro e a ferramenta irá criar uma paleta para você a partir da imagem. Esta é uma forma sólida de criar paletas de cores em torno de imagens que você precisa de seu site para se harmonizar, e você também pode usá-lo para reverter-engenharia as paletas de sites que você gosta do olhar de.,

5: Pictaculous

Pictaculous gera paletas de cores a partir de fotos – envie uma foto, e Pictaculous irá sugerir cores para combinar com ele. Além de oferecer-lhe uma paleta com base na foto que você upload, Pictaculous irá oferecer esquemas de cores prontos-feitos que correspondem.

estas ferramentas irão gerar paletas de cores inteiras.

6: Cor de Adobe CC roda de cores

Esta ferramenta costumava ser conhecida como Adobe Kuler, e começou como um site de comparação de cores básicas. Agora, é um sistema de construção de paleta de cores., Permite-lhe experimentar, comparar e gravar combinações de cores com base numa esfera de cores. Você pode escolher tipos de paleta e gerar paletas de cinco cores com vários níveis de entrada a partir da ferramenta, incluindo totalmente personalizado e quase-automático.

7: Paletton

Paletton permite-lhe construir uma paleta de cores rapidamente. Selecione o esquema que você gostaria: mono, complementar, triádico, tetradico, análogo ou acentuado análogo. Então, quando você muda uma cor no esquema, os outros mudam para combiná-la.,

8: cor Spire

cor Spire constrói-lhe uma paleta de cor a partir de uma única cor. Você selecciona uma cor inicial e a cor indica uma paleta de cores a usar em combinação com ela. Ele também fornece uma prévia, permitindo que você veja como as cores que recomenda iria olhar em um site de amostra.

9: MudCube Esfera de Cor

Fonte: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube da Esfera de Cor é um plugin Chrome que ajuda a harmonizar cores, controle de daltonismo e identificar códigos hexadecimais., Você também pode exportar os esquemas de cores diretamente no Illustrator, PhotoShop e CoIRD.com.

10: Coesa Cores

Coesa Cores leva a sua paleta atual e permite que você manipulá-lo, adicionando uma sobreposição de tonalidade na cor de sua escolha e a geração de uma nova paleta de um já existente de forma rápida e facilmente.

11: Gerador de esquema de cores Hex

Esta ferramenta permite-lhe gerar cores que funcionam em combinação com uma cor que já tem. É um pouco mais básico do que algumas das ferramentas da esfera de cores desta lista., Colas um número hexadecimal na ferramenta ou clicas na roda de cores, e ele retorna com um conjunto de 3 cores adicionais que correspondem, completo com códigos hexadecimal.

construindo suas cores

algumas dessas ferramentas precisam que você tenha uma cor em mente para começar. Se você não tem marca que você precisa combinar, e BrandColors não mostrou nada que chamou a sua atenção, você pode começar do zero.,

12: a aplicação de cores

Esta ferramenta iOS permite-lhe tomar decisões finas entre cores semelhantes, colocando-as claramente com algum espaço entre elas, em vez de em gradientes, como em rodas de cor e esferas. As grandes grelhas de cores permitem-lhe usar todo o ecrã (iPad Pro users, rejoice!) e também permite que você amostras de cores, encontrar os valores RGB, Hex e HSLA e criar paletas de cores a partir do zero.,

13: Cor

cor, por HailPixel, permite-lhe definir exactamente a cor que deseja e, em seguida, dá-lhe o código hexadecimal para ela.

Hover sobre a tela e a cor muda muito ligeiramente à medida que você se move – é como uma esfera de cores que constantemente se alimenta de volta em códigos Hex. Mover através do ecrã para a cor, para cima e para baixo para a saturação.

obtenha os códigos para uma cor

Se você viu uma cor em algum lugar e você não sabe exatamente o que chamá-la, estas são as ferramentas para você.,

14: SpyColor

SpyColor dá-lhe informações sobre qualquer cor, incluindo o Hex, RGB, CMYK e outros códigos. A ferramenta mostra-lhe uma gama de tipos de esquema como complementar, split-complementar, triádico, clash e análogo, em cada página de cores.

15: HTML Color Codes

HTML Color Codes find hex codes for image colors in your browser. Você seleciona uma imagem do seu ambiente de trabalho e clique em ‘Ver imagem’, em seguida, mouse sobre ela para obter códigos Hex para as diferentes partes da imagem.,

teste a sua paleta

Uma vez que tenha uma paleta de cores no lugar, você precisa saber se vai funcionar para uma variedade de visitantes.

16: verifique as minhas cores

verifique as minhas cores permite-lhe verificar as cores de fundo e de primeiro plano da sua paleta de cores, certificando-se de que proporcionam contraste suficiente para alguém com défices de cores. Se você quiser colorblindness-prova o seu site, ou apenas obter as combinações de cores mais eficazes e intuitivas a partir de uma perspectiva UX, esta ferramenta é inestimável., Soltar uma URL e ele cospe um relatório:

…que basicamente passa por todo o código do seu site e classes de todos os elementos visuais na visibilidade.

imagens correspondentes

Agora a sua paleta de cores está no lugar e você sabe que é super visível, você vai precisar de algumas imagens para corresponder.

17: TinEye

TinEye é mais conhecido como uma alternativa à pesquisa de imagens do Google., Mas também funciona como uma forma de explorar combinações de cores, usando um banco de dados de mais de 10 milhões de fotografias de licença Creative Commons colhidas no Flickr. Se você está procurando imagens na combinação de cores perfeita, esta é uma ótima maneira fácil de usar para caçá-las.

18: Designspiração

Designspiração permite seleccionar até cinco tons de uma paleta de página inteira, o que lhe dá a oportunidade de ver as cores claramente. Em seguida, o site exibe todas as imagens em seu banco de dados com essa combinação de cores., Mostra claramente os números Hex, e permite clicar em números Hex individuais. Você pode salvar imagens para coleções no site, bem como baixá-las.

como usar uma ferramenta de comportamento do Website para analisar as melhores paletas de cores

pode pensar que tudo o que tem a fazer é escolher uma paleta de cores do website e avançar a todo o vapor. Não é a melhor maneira de fazer negócios.pensa nisso. Você testa seus CTAs, manchetes, e outros elementos do site. Porque haveria de ser diferente?,

uma ferramenta de análise de comportamento do site como Crazy Egg oferece a oportunidade perfeita para descobrir como o seu público responde à sua paleta de cores atual.

relatórios de comportamento do utilizador como heatmaps dir — lhe-ão se as suas cores estão a captar os olhos das pessoas que mais importam-os seus clientes actuais e potenciais.

Quando você tem dados crus em suas mãos, você pode tomar decisões informadas sobre a paleta de cores do seu site.,Imagine que criou um site para uma audiência de amantes do desporto e escolheu as cores azul e rosa, bem como um par de cinzentos neutros. O público não gosta.talvez não transmita bem a sua imagem. Os amantes do desporto podem gostar de cores mais ousadas, mais escuras e tons terrestres.não saberá até fazer o teste.

comece a usar o Crazy Egg

crie uma conta free Crazy Egg para iniciar o seu teste gratuito ou fazer login para configurar os seus relatórios de comportamento do utilizador.pode fazer vários testes ao mesmo tempo para não perder horas, dias ou semanas., Em vez disso, você pode capturar dados em tempo real e reorientar seus esforços para encontrar a melhor paleta de cores possível.

conclusão

a paleta de cores do seu website não deve apenas reflectir a sua marca, mas também apelar para o seu público. Caso contrário, as pessoas podem ser desligadas pelo seu site sem sequer percebê-lo.comece com o que quiser. Considere a escolha de uma paleta que é diferente dos outros em seu nicho para que você se destacar. Então começa a testar.

é fácil mudar as cores em seu site. Se você sabe HTML, você pode alterar os códigos HEX em seus arquivos tema manualmente., Muitos temas WordPress também vêm com personalizadores que permitem que você mude de cores sem saber qualquer código.

dê a si mesmo a oportunidade de tornar o seu site o mais visualmente atraente e memorável possível.