Como escolher o esquema de cores certo para seu blog

Quando você administra um blog, a escolha do esquema de cores correto para o seu site pode ser crucial. Um esquema de cores complementares pode atrair os usuários, ao passo que a escolha de um esquema de cores monótono ou exagerado pode causar visitantes para sair seu site.

Fortunately, picking out a harmonious set of colors for your blog isn’t that hard. You’ll just need to know what to consider along the way. That includes researching which colors your target demographics are likely to prefer, and learning about the noções básicas de acessibilidade.

In this article, we’ll discuss some of the things you’ll want to keep in mind when picking out your blog’s primary colors. Let’s get going!

Uma breve introdução aos esquemas de cores

Antes de nos aprofundarmos na escolha de seu próprio esquema, vamos começar com uma rápida introdução à teoria das cores. Teoria das cores é o campo que se preocupa com a forma como as diferentes tonalidades funcionam em combinação e o impacto que elas têm sobre as pessoas.

É importante ter cuidado ao criar o esquema de cores do seu site. Os tons errados podem ter um impacto negativo em seu blog, mesmo sem você perceber. Por exemplo, o excesso de cores brilhantes ou contrastantes pode sobrecarregar os sentidos e deixar os visitantes confusos sobre o que devem ver.

Color theory can help you strike the right balance, primarily through the concept of ‘color schemes’. A esquema de cores is the set of hues you use together in a particular design. They can be picked out based on your personal preference, or chosen on a color wheel. Even if you aren’t familiar with color theory, you’ve probably seen a color wheel before:

Os melhores esquemas de cores geralmente envolvem a seleção de uma combinação de cores com base em suas posições no círculo cromático. Por exemplo, os esquemas complementares ficam diretamente opostos um ao outro. Isso cria um contraste forte e marcante (por exemplo, laranja e azul).

Alguns outros comuns Tipos de esquemas de cores Incluir:

• Monocromático. Um esquema de cores monocromático usa uma única tonalidade em tons mais claros e mais escuros.
• Análogo. Esse tipo de esquema de cores usa três cores que estão próximas umas das outras no círculo cromático. Você escolhe uma cor primária e, em seguida, duas cores suplementares que estão no mesmo número de graus de distância dela, à esquerda e à direita. Você pode aumentar e diminuir a distância para obter vários efeitos.
• Dividido-complementar. Esse é um esquema de cores análogo com uma cor complementar adicionada à mistura. A cor complementar é escolhida com base na cor primária. Isso permite que você use o forte contraste das cores complementares, mas obtenha um efeito menos avassalador, pois as cores análogas suavizam o visual.
• Esquema de cores duplo. Um esquema de cores duplo, ou tetrádico, usa dois pares de cores complementares. É preciso ter cuidado ao usá-lo: todas as quatro cores terão a mesma predominância, o que pode dificultar para os visualizadores saberem em que se concentrar. Esse esquema é melhor usado quando você tem muito conteúdo distinto ao qual deseja que o visualizador preste a mesma atenção.

As you can see, each of these schemes produces different effects. That’s why your blog’s color scheme should be carefully chosen, based on the type of market you’re trying to reach. We’ll explain more about how that works in the next section.

Como escolher um esquema de cores para seu blog (4 considerações importantes)

Now that we’ve reviewed the basic types of color schemes, let’s consider how to choose the specific colors you’ll use. This means thinking about the hue, brightness, and contrast of your various options.

In addition, there are a few primary considerations that should drive your decision-making process. Below, we’ll look at each in turn, starting with arguably the most important.

1. Dados demográficos

Before you pick out a color scheme, you need to think about what type of audience you’re trying to reach with your blog. Gender and age can play powerful roles in the types of colors as pessoas acham agradável.

Por exemplo, em um estudo por Joe HallockNa pesquisa de opinião, um número significativamente maior de mulheres do que de homens listou a cor roxa como sua favorita:

Outras cores, como vermelho, azul e verde, tiveram um apelo bastante neutro em termos de gênero, com taxas de preferência semelhantes entre homens e mulheres.

A idade tem um efeito sobre as preferências de cores as well. Children and teenagers tend to prefer brighter colors than adults do, for instance. Senior citizens tend to like even more muted shades than younger adults. What’s more, there are even distinct gender preferences within each age bracket.

Você pode incluir dados demográficos em seu esquema de cores começando com uma cor primária que seu público-alvo prefira. Se estiver tentando falar com um público grande e variado, procure uma tonalidade que tenha muito apelo cruzado como ponto focal. Em seguida, você pode criar uma identidade exclusiva com base nas cores complementares que incluir junto com a primeira.

2. Acessibilidade

Os designers estão se tornando cada vez mais conscientes da importância da acessibilidade in web design. When it comes to color, you’ll need to consider whether your design will be legible to those who are color blind, and if the scheme you use has strong enough contrast for readers with poor vision.

Você pode usar um verificador de contraste para aumentar a acessibilidade, inserindo o códigos hexadecimais para suas cores de primeiro plano e de fundo:

The contrast checker will display a passing or failing grade for each accessibility test. Ideally, you’ll want to look for a color combination that passes all six tests. That way, your blog won’t be excluding any potential readers.

3. Psicologia

O impacto emocional é outra consideração vital, pois alguns psicologia poderosa influencia a forma como as cores nos afetam. Por exemplo, o vermelho é geralmente visto como agressivo, enquanto o azul tende a ser calmante. Há um motivo pelo qual aplicativos de meditação como o Calm geralmente usam tons azuis:

Por outro lado, os vermelhos e laranjas parecem deixar as pessoas com fome, portanto, você pode considerá-los para um blog de culinária:

Even if you do use a strong shade like red, however, be careful not to let it dominate your design. You’ll notice that in the above example, it’s only used for a pop of color on the buttons and in the logo. It’s often smart to focus on more neutral colors to avoid overwhelming your readers, and use bolder hues as accents.

4. Harmonia de cores

Finally, you’ll want to think about color harmony. In other words, which type of color scheme will you use?

Cada um dos esquemas de cores que descrevemos anteriormente produz um efeito psicológico diferente, que terá um impacto na forma como as pessoas percebem seu blog. Por exemplo, os esquemas monocromáticos tendem a parecer mais "neutros", enquanto um esquema de tétrades pode parecer caótico se não for cuidadosamente implementado.

Você pode usar uma ferramenta como Paletton ou o Calculadora de cores das sessões para gerar um esquema de cores:

Find one color you like, and experiment with the different types of color harmony until you come across a combination that feels right. You don’t have to adhere rigidly to your color harmony scheme, but you can use it as a blueprint for your blog’s overall look.

Conclusão

Uma estética forte é fundamental para manter um público em seu blog. Um site mal projetado pode aumentar sua taxa de rejeição, portanto, é importante escolher um esquema de cores que seja convidativo para o seu público-alvo e que crie o clima desejado.

Os quatro aspectos mais importantes a serem considerados ao escolher um esquema de cores para seu blog são

1. Dados demográficos
2. Acessibilidade
3. Psicologia
4. Harmonia de cores

Você tem alguma outra dúvida sobre como escolher um esquema de cores fortes para seu blog? Diga-nos na seção de comentários abaixo!

Divulgação de links de afiliados