Escolhendo a cor certa para seu aplicativo

O famoso pintor Pablo Picasso disse uma vez – As cores, como as características, seguem as mudanças das emoções . Todos nós, uma vez ou outra, sentimos o efeito que as cores têm em nosso humor, sentimentos e emoções. Psicologia das cores, como eles chamam. E embora haja muito pouca evidência ou pesquisa sobre os efeitos reais das cores, a psicologia das cores tornou-se um tópico quente no marketing. Conversamos com nossos designers sobre suas experiências e trazemos alguns conselhos sobre como escolher a cor certa para seu aplicativo ShoutEm.

Já se perguntou por que alguns recursos visuais online estão em vermelho? O que o atrairia primeiro – um botão branco “Compre hoje” ou um vermelho? Você sabia que 92,6% das pessoas dizem que a dimensão visual é o fator número 1 que afeta sua decisão de compra? Outro estudo interessante descobriu que os leitores de revistas reconhecem anúncios coloridos 26% mais do que anúncios em preto e branco.

Existe toda uma outra filosofia sobre cores e seus efeitos no marketing moderno. Escrevemos sobre novas tendências em UX em aplicativos móveis e agora gostaríamos de falar com você sobre qual cor funcionaria melhor com seu novo aplicativo Shoutem. Depois de discutir isso com nossos designers, eles nos deram algumas dicas sobre como escolher a cor certa para seu aplicativo e o que observar.

Qual é o elemento mais importante do seu aplicativo?

Estávamos imaginando quais dicas um construtor de aplicativos de primeira viagem precisa ter em mente. “No caso de recursos visuais, é preciso garantir que eles sejam grandes o suficiente e estejam bem alinhados com outros elementos do aplicativo. Certifique-se de verificar suas alterações em tempo real – no seu telefone. E quanto às cores, se você é novo no design de aplicativos e cores em geral, existem muitos sites úteis, como Colourlovers, que você pode conferir antes de escolher a cor certa para criar um aplicativo móvel ”, diz Siniša.

Marko concorda, apontando a melhor e mais simples maneira de apresentar o que seu aplicativo representa: “Reduza seu visual ao mínimo e concentre-se no elemento mais importante do seu aplicativo. E, claro, torná-lo amigável!”

Como se inspirar?

Se olharmos para o que é popular agora no mundo online, vamos notar uma abordagem plana para o design. “ O design plano está se tornando cada vez mais popular , e agora existem cores que combinam com esse design chamado cores pastel.” Mas se você se perder no vasto mar de cores, Marko sugere Color Expert – um aplicativo legal para iPhone que pode ajudá-lo a obter essa inspiração tão necessária. O Dribbble também é um grande auxiliar na escolha de cores novas e populares para seu aplicativo.

A psicologia das cores e como elas se relacionam com a persuasão é um dos aspectos mais interessantes do marketing e, no entanto, há muito poucos dados sobre como isso realmente funciona. Uma pesquisa mostra a ideia de que as cores amarelo e roxo podem causar certos tipos de emoções tão precisas quanto a leitura de uma carta de tarô.

Mas um fato permanece o mesmo – embora as cores desempenhem um papel grande e importante nas compras e na marca, o efeito depende muito das experiências pessoais. Em outro estudo interessante chamado Impact of Color in Marketing , pesquisadores descobriram que até 90% dos julgamentos sobre produtos são baseados apenas em cores . Tendo isso em mente, a relação entre marcas e cores passa a depender da percepção de adequação da cor utilizada por uma marca – em outras palavras, a cor se encaixa com o produto que está sendo vendido?

Cores fortes versus neutras

Tanto Siniša quanto Marko concordam da mesma maneira – a cor deve seguir a marca ou o próprio produto. “Por exemplo, se o aplicativo for sobre chocolate, definitivamente usarei certos tons de marrom ou outras cores que possam se correlacionar com o que o aplicativo representa”, acrescenta Marko.

Siniša aconselha ficar na faixa de cores neutras para que você possa enfatizar o conteúdo primeiro , especialmente se estiver fazendo um aplicativo para vendas e acordos comerciais.

Aprofundando ainda mais o assunto, encontramos um infográfico interessante da KISSmetrics com alguns insights sobre a cor usada em um site ou aplicativo. A pesquisa diz que, se você estiver criando um aplicativo voltado principalmente para mulheres, considere as cores azul, roxo e verde. Evite laranja, marrom e cinza, pois são as cores menos apreciadas pelas mulheres. Os homens, por outro lado, amam azul, verde e preto, mas odeiam laranja, marrom e roxo.

Um teste de cores interessante foi realizado pela HubSpot quando eles queriam descobrir se uma simples mudança de cor de um botão poderia afetar as vendas de conversão. O resultado foi muito surpreendente. Alterando apenas a cor do botão intitulado Comece agora! de verde para vermelho, e todo o resto da página sendo completamente igual, descobriu-se que o botão vermelho superou o verde em 21% .

A importância das cores

Os seres humanos foram condicionados por milhões de anos a associar cores diferentes a emoções ou comportamentos específicos. Compreender essas associações pode ser mais do que benéfico para o seu negócio. As cores são uma ferramenta influente. Se você usá-los com sabedoria, poderá chegar aos seus clientes e desencadear a reação deles que os aproximará da ação.

As cores também mudaram e seus significados não são universais, embora possamos pensar assim. Aqui estão alguns aspectos onde as cores se diferenciam muito:

• Cultura : Na China, por exemplo, a cor vermelha representa boa sorte, enquanto na África do Sul é a cor do luto. O luto é frequentemente associado à cor preta, mas em alguns países, é representado através da cor branca, que muitas vezes é entendida como uma cor de esperança e pureza. Esteja atento a essas diferenças culturais se viajar.
• Tempo : À medida que evoluímos, a compreensão e o significado das cores mudam. O vermelho costumava ser visto como uma cor forte e masculina, enquanto o azul era uma cor feminina adequada para as meninas. Sabemos que hoje, essa interpretação não é mais válida.
• Tons e tons : Uma cor pode ter um significado geral, mas tons mais claros podem variar drasticamente em comparação com tons mais escuros, enquanto tons mais naturais e suaves diferem de cores neon artificiais.
• Combinações de cores : Algumas cores simplesmente não funcionam juntas. Por outro lado, alguns são melhores amigos. Eles podem melhorar um ao outro, fazer um ao outro se destacar, misturar-se ou lutar entre si. Aprenda quais cores combinam com a teoria das cores.

A cor da marca e a personalidade da marca

Com base em pesquisas adicionais sobre cores e branding, quase todos os estudos acadêmicos concordam que é muito mais importante que a cor da marca apoie e se relacione com a personalidade da marca . O sentimento, o humor e a imagem que a marca cria desempenham um papel na persuasão do usuário a comprar. As cores desempenham um papel quando são usadas para combinar a imagem da marca com o produto. Marko menciona a Apple e seu amor pelo design limpo e simples – a cor apropriada para sua mensagem é o branco.

Ao usar a mesma cor em todos os seus empreendimentos, você fortalece a personalidade da sua marca e o que ela representa no mercado. Áreas mais comuns onde as cores da sua marca surgirão:

• Logotipo
• Local na rede Internet
• Vitrine
• Projeto na loja
• Uniformes de funcionários
• Anúncios

O significado das cores

As cores afetam a psicologia humana de várias maneiras. As cores têm energia que irradiam, afetando nossas emoções, comportamento e humor. Vamos explorar os significados das cores e ver como você pode usá-las em seu negócio.

significado da cor vermelha

A cor vermelha é a cor dos apaixonados, ousados, aventureiros e energéticos.

• Traços positivos: poder, paixão, energia, destemor, excitação, desejo
• Traços negativos: perigo, raiva, advertência, desafio, agressão, dor

Escolher a cor vermelha deixa um impacto de uma forma ou de outra. O vermelho desencadeia emoções facilmente e está associado a belos motivos como o amor. Por outro lado, o sangue também vem à mente, então funciona em ambos os lados da escala emocional.

A cor vermelha é eficaz nas vendas, pois cria um senso de urgência . Os botões “Comprar agora” geralmente são marcados em vermelho, assim como o botão de inscrição, o botão de login ou qualquer outro botão que leve à ação dos clientes. O YouTube e a Netflix usam esses botões de call-to-action para atrair seus clientes. A cor vermelha se destaca de tudo, então você não pode perder.

A ciência provou que a cor vermelha aumenta o apetite. Pense em todos os restaurantes populares e cadeias de fast-food que usam a cor vermelha em seu esquema de cores, logotipo, site ou mesmo interior. McDonald's, KFC, Burger King, Wendy's e Pizza Hut são apenas alguns exemplos.

Outro grande exemplo do uso da cor vermelha é a Coca-Cola, uma das bebidas mais famosas do mundo. Eles combinaram sua marca e logotipo em sua campanha de marketing com o terno vermelho do Papai Noel, criando uma marca específica associada a férias, família e sentimentos positivos. Essa campanha disparou a Coca-Cola para o topo de todas as paradas.

A cor vermelha pode ser encontrada em produtos de alta energia, como bebidas com cafeína, carros velozes e esportes.

significado da cor laranja

A cor laranja é a cor dos aventureiros, otimistas, competitivos e criativos.

• Traços positivos: coragem, confiança, calor, inovação, simpatia
• Traços negativos: privação, frustração, imaturidade, ignorância, impaciência

Assim como o vermelho, o laranja chama sua atenção, mas não é tão alarmante quanto o vermelho. A cor laranja representa que algo requer atenção e estimula a ação . É frequentemente usado na indústria de trânsito para sinais, cones de trânsito e roupas de alta visibilidade.

Usar laranja em seu negócio gera a sensação de simpatia e aconchego, pois muitas vezes é associado ao sol. Algumas outras associações podem incluir saúde e vitalidade porque compartilha o nome com a fruta popular (e uma cidade na Austrália). Sua energia brilhante, divertida e leve é ​​adequada para marcas não corporativas.

Se você tem uma marca jovem, criativa e positiva que quer ser diferente, a cor laranja pode ser uma de suas escolhas. No entanto, é considerado “barato” pela comunidade o que se reflete na indústria da moda onde é pouco utilizado.

Você pode encontrar laranja nos logotipos da indústria de fitness, logística e tecnologia. Algumas marcas populares que carregam a cor laranja com orgulho incluem Nickelodeon, Fanta, Gatorade e Harley-Davidson, que é tudo menos barata.

significado da cor amarela

Amarelo é a cor do independente, estratégico, criativo e intelectual.

• Traços positivos: otimismo, calor, felicidade, extroversão
• Traços negativos: irracionalidade, medo, cautela, covardia

Escolher a cor amarela indica que sua marca é calorosa, otimista e positiva. O amarelo estimula a curiosidade intelectual e facilita o aprendizado , pois afeta a parte lógica do cérebro, estimulando a mentalidade e a percepção. O amarelo também está associado a gastos econômicos e desenvoltura.

Por esse motivo, é lógico que a National Geographic use exclusivamente amarelo em seu logotipo.

O amarelo é um ótimo amigo com cores mais escuras, então use-o como aliado com algumas opções mais escuras, se puder. Como ele desaparece facilmente no fundo, destaque-o combinando-o com cores escuras. Uma opção popular é uma combinação de cores preta e amarela. Um exemplo disso seria Ferrari ou IMDb.

O amarelo é usado em vários setores e fala mais da personalidade da marca do que do tipo de marca e indústria.

significado da cor verde

Verde é a cor do aberto, amigável, equilibrado e autêntico.

• Traços positivos: saúde, esperança, frescor, natureza, crescimento, prosperidade, sorte
• Traços negativos: tédio, estagnação, inveja, materialismo, julgamento

Quando você pensa na cor verde, certamente começa a pensar na natureza, nas plantas e nas árvores. É a cor do renascimento, regeneração e renovação. Marcas ecológicas sempre têm verde em seus logotipos. Os produtos orgânicos, negócios sustentáveis ​​e o setor de saúde geralmente apresentam o verde em seus visuais de negócios.

A cor verde é relaxante para os olhos. De acordo com a psicologia das cores, o verde equilibra nossas emoções e nos deixa seguros e protegidos.

Por outro lado, o verde é frequentemente associado ao materialismo e ao poder, especialmente nos Estados Unidos da América. Dólares e uniformes militares são alguns exemplos de elementos verdes que são compreendidos mundialmente.

As indústrias, onde o verde é mais proeminente, são militares, bancárias e qualquer coisa relacionada à ecologia, saúde e condicionamento físico.

Também mencionamos o crescimento. Verde representa movimento para a frente e muitas vezes sorte . A frase “para obter a luz verde” significa exatamente isso – obter permissão para seguir em frente.

significado da cor azul

Azul é a cor dos leais, respeitosos, responsáveis ​​e sociais.

• Traços positivos: confiança, lealdade, confiabilidade, lógica, serenidade, segurança
• Traços negativos: frieza, sem emoção, hostil

A cor azul é a cor favorita de muitas pessoas. O estereótipo de que o azul é a cor dos meninos não se sustenta como é apreciado pelas mulheres também. É a cor mais popular do mundo , tanto como preferência pessoal quanto no mundo dos negócios.

Azul é a cor do relaxamento e da tranquilidade. Supõe-se que a cor azul tenha efeitos terapêuticos, pois nos dá a sensação de segurança e confiabilidade. É a cor da razão e da calma, enfatizando qualidades como confiança, sabedoria e força.

Devido a isso, muitas empresas preferem o azul para seus visuais. A pesquisa mostrou que o azul parece ser a cor vencedora, aparecendo em 33% das 100 principais marcas. As empresas querem apresentar sua empresa como séria, confiável e confiável. Isso é especialmente importante para bancos, empresas de saúde e seguros e empresas de tecnologia.

Apenas para exemplificar ainda mais, aqui estão os exemplos de empresas bem-sucedidas e conhecidas que aceitaram o azul como sua cor:

• TI: Intel, IBM, HP
• Instituições financeiras: Visa, PayPal
• Redes sociais: Facebook, Twitter, Skype, Zoom
• Saúde: United Healthcare, GE Healthcare

significado da cor roxa

O roxo é a cor dos sensíveis, dignos e compreensivos.

• Traços positivos: sabedoria, riqueza, espiritualidade, imaginação, sofisticação
• Traços negativos: reflexão, decadência, excesso, mau humor

O roxo está associado à exclusividade, luxo e prestígio, pois era representado pela realeza no passado. Podemos dizer que era uma cor rica e poucos poderiam usá-la ou possuí-la. No passado, também era raro e caro, pois era proveniente de uma espécie de caracol do mar. Foram necessários 10.000 caracóis para produzir apenas um grama de corante. Era tão caro. Hoje em dia, temos bastante, pois encontramos uma maneira de produzi-lo sinteticamente.

O roxo é uma mistura de vermelho e azul (as duas cores mais populares) por isso combina suas características também, tornando-o especial novamente. Carrega a paixão e a energia do vermelho com a calma e serenidade do azul.

O roxo é uma mistura de vermelho e azul (as duas cores mais populares) por isso combina suas características também, tornando-o especial novamente. Carrega a paixão e a energia do vermelho com a calma e serenidade do azul .

Por alguma razão, o roxo ainda não está entre os favoritos quando os logotipos estão em questão. Algumas empresas escolheram roxo para seus visuais. Milka, FedEx e TacoBell adotaram o roxo como sua cor principal.

significado da cor magenta

Magenta, também conhecido como rosa, é a cor do inovador, prático, compassivo e gentil.

• Traços positivos: imaginativo, apaixonado, atencioso, criativo, brincalhão e emocional
• Traços negativos: tímido, imaturo, inseguro

Nos países ocidentais, o magenta é geralmente referido como a “cor para meninas e mulheres”, pois significa feminilidade, beleza, fragilidade e romance . Dá uma dose de inspiração e é jovial quando combinado com outras cores.

No entanto, apesar de tão reconfortante, o magenta não é a primeira escolha das empresas na hora de escolher uma paleta de cores para seus produtos. É usado principalmente como uma cor secundária, adicionando seu toque à marca geral. Por si só, é um pouco sem brilho, principalmente se for direcionado a um público exclusivamente feminino.

Magenta domina em produtos de beleza e brinquedos. O melhor exemplo disso é a Barbie, uma marca de bonecas mundialmente popular. As empresas de casamento também gostam de usar o branco em combinação com o rosa em sua paleta de cores.

significado da cor marrom

Marrom é a cor do confiável, estável, fundamentado e focado.

• Traços positivos: caloroso, prático, amigável
• Traços negativos: antiquado, robusto, tímido, chato

Marrom é a cor da natureza. Simboliza a Terra e o núcleo do nosso planeta. A natureza e as árvores são um símbolo de estabilidade. Alguns diriam que estar de castigo é chato, outros verão isso como uma qualidade admirável .

Embora marrom e tons de marrom sejam comuns em nosso dia a dia, é uma das cores mais raras no design de logotipos e ícones. É a cor da tradição e do patrimônio, por isso alguns a chamariam de antiquada ou ultrapassada. No entanto, isso não impediu a Louis Vuitton de usar o marrom como cor primária em alguns de seus designs de logotipo.

Você pode encontrar marrom em combinação com verde em muitas marcas ecológicas que capturam essa sensação orgânica e saudável. O outro exemplo em que o marrom domina é nas indústrias de chocolate e café por razões óbvias.

O marrom é subestimado e não costuma ser escolhido para a paleta de cores da marca, mas pode ser uma boa adição e toque para uma imagem maior. Assim como o magenta, eleva a mensagem da marca se você decidir incluí-la no conceito visual da sua marca.

significado da cor preta

O preto é a cor do decisivo, confiante e sério.

• Traços positivos: sofisticação, elegância, segurança, poder, autoridade, substância
• Traços negativos: opressão, frieza, maldade, luto

Todos nós já ouvimos que alguém fica elegante de preto, mas também alguém está sendo criticado por ser muito seguro ao usar preto. Na moda, pelo menos, o preto manda várias mensagens, mas todos concordam que é a cor com atitude. É sinônimo de poder e luxo.

É ousado, poderoso e de certa forma misterioso o que o torna perfeito para marcas modernas . O design simples, mas profissional e elegante é o que muitas empresas buscam hoje. Irradia com profissionalismo e seriedade.

É frequentemente usado para tipografia no design de logotipos por causa de suas qualidades e tonalidade escura visualmente atraente, o que o destaca em qualquer plano de fundo. O preto é muito comum em qualquer esquema de cores.

As combinações mais populares de preto com outras cores são:

• Preto + Vermelho = poder e ambição
• Dourado + Preto = exclusividade (Moet)
• Preto + Branco = profissionalismo (Nike)

É frequentemente visto na indústria da moda, automotiva e finanças.

significado da cor cinza

O cinza é a cor dos práticos, relaxados, estáveis ​​e dos que estão no controle.

• Traços positivos: maduro, formal, confiável
• Traços negativos: excessivamente conservador, convencional, sem emoções

Gray emite uma vibração madura ao lado de estabilidade e seriedade. Às vezes é visto como reservado e excessivamente cauteloso. No entanto, é uma presença calmante e relaxante, não sendo muito forte nos olhos. Não chama a atenção como algumas outras cores, mas dá um toque agradável à marca como um todo.

No design do aplicativo, é usado principalmente quando você deseja comunicar a autoridade e a estabilidade de uma instituição corporativa .

Apesar de serem criticadas como seguras e sem graça, muitas marcas famosas têm o cinza em sua paleta de cores, senão como cor primária. Os que se destacam nessa lista são Nintendo, Swarovski e, claro, Apple.

significado da cor branca

O branco é a cor dos otimistas, independentes e inocentes.

• Traços positivos: inocência, pureza, limpeza, simplicidade
• Traços negativos: estéril, vazio, simples, cauteloso, distante

O branco representa o verdadeiro equilíbrio de todas as cores e está associado à limpeza, pureza e perfeição . O branco é o melhor amigo de todos, pois funciona com todas as cores e é ótimo para criar elementos que se destacam visualmente. Funciona maravilhosamente em qualquer esquema de cores.

Em combinação com o preto, irradia profissionalismo, enquanto por si só é considerado simples, mas elegante. A estética minimalista que o branco oferece é perfeita para empresas de casamento, tecnologia e medicina.

Uma abordagem tão minimalista ao design não é uma ocorrência rara neste momento. Como muitas empresas optam por ser exageradas, o design elegante e simples, com o branco como cor dominante na paleta de cores, é uma ótima opção. Às vezes, menos é realmente mais.

Uma coisa fica clara – não há conjuntos claros de diretrizes para escolher a cor certa para sua marca, site ou aplicativo, mas seu foco deve estar na própria marca! Siga a imagem da marca ou do aplicativo, e a cor vai até você!