Voltar
Gabriela Polidoro Lima
UX Designer & Content Writer

A cada novo ano que se inicia há sempre a expectativa de quais serão os novos conceitos e tendências, seja para a moda, para o design, para a decoração e até no que se trata do comportamento de consumo.

Com o crescimento expressivo do mercado digital, não poderiam faltar as grandes previsões mundiais quando se fala de novidades e inovações para esta área também.

Por isso, para quem trabalha com o universo Web, fique atento às tendências de cores para o ano de 2023.

Gabriela Polidoro Lima
UX Designer & Content Writer

A cada novo ano que se inicia há sempre a expectativa de quais serão os novos conceitos e tendências, seja para a moda, para o design, para a decoração e até no que se trata do comportamento de consumo.

Com o crescimento expressivo do mercado digital, não poderiam faltar as grandes previsões mundiais quando se fala de novidades e inovações para esta área também.

Por isso, para quem trabalha com o universo Web, fique atento às tendências de cores para o ano de 2023.

Tendências de Cores para 2023

Uma vez as tendências eram apenas direcionadas à Moda e eram ditadas por grandes empresas de pesquisa como a WGSN e a Pantone. Das passerelles para as vitrines, depois para as ruas, esses eram os ambientes onde poderia ser confirmada a adesão das tendências ditadas a cada ano. Atualmente, e principalmente após a pandemia do COVID-19, essas tendências tiveram de ser também adaptadas ao universo digital, pois as grandes marcas dos setores do retalho e do calçado precisaram de ampliar a sua atuação para esse novo habitat. O que os consumidores veem nas vitrines e passerelles deve estar coerente com o que eles veem nos websites e e-commerce dessas mesmas marcas, por isso, a escolha do visual e das cores não pode apenas seguir tendências, mas fazer parte de todo um conceito e linguagem visual de cada marca.

Com essa mudança de cenário, é essencial ter em mente a importância e o impacto que as cores têm num projeto digital, seja um site, um blog ou uma aplicação.

A primeira leitura feita pelos utilizadores é feita nos primeiros 90 segundos de exposição e 90% do resultado dessa leitura é impactado pela cor.

Assim, além de saber quais as cores tendência é imprescindível entender como utilizá-las. Vamos a isso?

Qual a cor do ano para 2023 eleita pela Pantone?

A marca PANTONE®, foi criada pela Pantone Inc. sediada nos EUA e considerada a autoridade em cores no mundo por ter criado, em 1967, uma linguagem padrão para a comunicação e gestão de cores, desde o designer até ao consumidor final. A tonalidade Viva-Magenta, é a escolhida como cor do ano para 2023, que traz consigo uma paleta de cores combinante denominada Magentaverse – nome que já deixa claro a influência forte do universo digital. No site oficial da marca, a cor é descrita como corajosa, destemida e pulsante, cuja exuberância promove alegria e uma celebração otimista, escrevendo uma nova narrativa.

Segundo Leatrice Eiseman, Diretora executiva da marca:

“Na era da tecnologia, nós procuramos desenhar inspirados pela natureza e por aquilo que é real. PANTONE 18-1750 Viva Magenta, é inspirado no vermelho da cochonilha, um dos corantes mais preciosos pertencentes à família dos corantes naturais e também um dos mais fortes e brilhantes que o mundo já conheceu. A cor reconecta-nos ao que realmente importa, invocando as forças da natureza e ajudando-nos a construir a nossa força interior.”


A
homepage do site dá as boas-vindas à Viva Magenta, a cor de 2023, e mostra a paleta Magentaverse com os códigos das cores escolhidas pela Pantone.

Fonte: Pantone

Digital Lavender – A Cor Tendência 2023 da WGSN

A autoridade global em previsão de tendências de consumo WGSN, também escolheu uma cor para representar o ano de 2023 e a conexão com a tecnologia já está explícita no nome: Digital Lavender. Fundada em 1998, no oeste de Londres, a empresa desenvolve pesquisas aprofundadas que incluem curadoria de dados, análises globais produzindo matérias e ferramentas necessárias para entender o comportamento do público.

“A Digital Lavender é uma cor género-inclusiva já estabelecida no mercado jovem e espera-se que isso se amplie para todas as categorias de moda em 2023. O aspecto sinestésico desta cor torna-a ideal para rituais de autocuidado, práticas terapêuticas e produtos de bem-estar.” Relata a empresa que desenvolveu a cor através do Coloro, sistema projetado para criação e execução de padrões de cor com total confiança. Além de ditar tendências de moda e comportamentais, a WGSN orienta também o mercado digital e indica a cor “para eletrónica, bem-estar digital, iluminação voltada para a qualidade de vida e artigos para a casa.”


Com o excesso de informações e a digitalização em crescente ascensão, ambas as empresas indicam cores que apontam para um movimento contrário, trazendo estabilidade e equilíbrio. Para elas, as cores tendência de 2023 prometem convergir os mundos físico e virtual, conectando os utilizadores ao bem-estar e trazendo força e saúde mental.

Fonte: WGSN

Outras cores que a WGSN aponta como tendência para 2023

Além da principal, Digital Lavender, a WGSN indica mais 4 cores que representam o novo momento que o mundo irá viver em 2023, depois de 3 anos de imposições e distanciamento: Astro Dust, Galactic Cobalt, Sage Leaf e Apricot Crush. Para ver o vídeo de lançamento das cores e saber mais sobre cada uma delas, basta clicar aqui.

Fonte: WGSN

Antes de escolher as cores, o que se deve ter em consideração?

Falando especificamente sobre o universo digital, ao escolher as cores que serão utilizadas num projeto, é essencial considerar alguns pontos importantes:

Compreensão

De que adianta aplicar as cores mais incríveis de 2023 se o utilizador não consegue entender a mensagem que a marca está a transmitir? Legibilidade, acessibilidade e adaptabilidade são as palavras-chave para ter um bom desempenho digital.

  1. Legibilidade – nível certo de contraste entre fundo e texto;
  2. Acessibilidade – além das cores, é essencial lembrar que há quem não consiga simplesmente ver as cores e, por isso, deve ter acesso à locução;
  3. Adaptabilidade – modo noturno, nível de saturação e luminosidade também influenciam a compreensão e demonstram um cuidado importante com os utilizadores.

Para saber se está no caminho certo, existem diversas ferramentas que permitem testar se as cores que está a utilizar proporcionam uma boa leitura aos utilizadores. Aqui seguem alguns sites:

  • https://abc.useallfive.com/ – testa rapidamente os contrastes. É só inserir os códigos das cores e ele gera os resultados de contraste e sobreposição.
  • https://colorable.jxnblk.com/ ferramenta que pode ser usada para aumentar a legibilidade de textos com cores em alto contraste.
  • https://www.colororacle.org/ – extensão disponível para Mac e Windows que mostra em tempo real o que as pessoas com deficiências visuais verão.

Coerência com a marca

Seguir um guia de estilo de marca é fundamental para ter coerência na comunicação. Por mais que a tendência de cores de 2023 seja o Viva Magenta, não deve simplesmente trocar a cor do seu site ou app por causa disso, sabendo que a sua marca tem a cor verde como principal, por exemplo. Utilizar uma comunicação distinta em diferentes pontos de comunicação pode gerar confusão, frustração e inclusive transmitir instabilidade. Imagine um utilizador questionar-se se está mesmo no site oficial da marca justamente porque, ao entrar, não vê, de imediato, a linguagem visual que está acostumado a ver? A rápida identificação é fundamental para gerar conexão e manter o utilizador ativo e próximo.

Um bom exemplo de comunicação é a mundialmente famosa marca de joias Tiffany & Co que já é extremamente reconhecida pelo uso de um tom de azul muito particular na sua comunicação gráfica, lojas e embalagens. A tonalidade específica utilizada pela marca inclusive já é comumente denominada de Azul Tiffany, ou seja, transformou-se num padrão mundialmente reconhecido.

Significado das cores e as sensações que elas transmitem

As sensações que as cores transmitem são muito discutidas, principalmente no final e início de um novo ano. As cores têm diversos significados e estar atentos á esses significados pode ajudar, e muito, na escolha das cores de um produto digital.

Cores e as sensações conectadas às cores:

  • Rosa: romantismo, inocência e amor.
  • Violeta: espiritualidade, intuição, sabedoria e serenidade.
  • Vermelho: cor alegre de ação, paixão, coragem e autoconfiança.
  • Laranja: alegria, sucesso, simpatia e cooperação.
  • Amarelo: criatividade, boa sorte e comunicação.
  • Verde: energia, esperança, regeneração e natureza.
  • Azul: purificação, harmonia, compreensão e clareza de entendimento.
  • Branco: harmoniza, paz, pureza, positividade.
  • Preto: independência, dignidade e poder de decisão.

Fonte: Tiffany & Co

Como podemos ver nas imagens acima, o site da Tiffany & Co, apesar de ser muito limpo e claro, para evidenciar os produtos que está a vender, traz a cor de forma subtil a fim de manter a coerência visual da sua comunicação.

  • Numa imagem, o ecrã inicial do site oficial da marca, traz uma informação no topo da Homepage com a cor no fundo, destacando a mensagem.
  • Na outra imagem, a sombra produzida pelas joias nas imagens dos destaques, traz a cor quase como uma marca d´água, além de estar na imagem maior, que destaca a caixinha onde a joia é guardada.
  • Noutro screenshot do mesmo site, mesmo utilizando cores de grande contraste no fundo (amarelo e laranja), elas não se sobrepõem, pelo contrário, destacam ainda mais a cor da marca na famosa embalagem com laço branco.

 

Além da Tiffany & Co, outras marcas são extremamente eficazes ao utilizar seu padrão de cores em diferentes pontos de comunicação, destacando-se e cativando os consumidores. A rede de fast-food McDonald´s quase não precisa mais utilizar o logotipo inteiro pois ao combinar as duas cores primárias amarelo e vermelho criou uma identidade reconhecida em qualquer lugar do mundo. Se um dia uma das lojas do McDonald´s mudasse suas cores para verde e branco os consumidores poderiam pensar que estavam a entrar em uma loja da Starbucks, outra marca que também criou sua identidade na combinação de cores sempre em destaque em sua comunicação e produtos.

Para além desses significados e referências já populares, ao criar uma marca ou comunicar alguma mensagem é sempre válido considerar alguns fatores relacionados com as cores e o impacto que elas têm sobre os utilizadores. Diversos estudos já realizados sobre a interferência e importância das cores no universo digital, revela que ela pode melhorar a compreensão de uma mensagem em até 73%, a capacidade de aprender em até 68% e facilitar a leitura até 40%.

Veja alguns exemplos de marcas e o que as cores escolhidas por elas transmitem aos seus utilizadores:

Coca-Colavermelho – transmite alegria, vibração e celebração, conceito principal da marca Apple – branco ou prata – a cor transmite tecnologia, inovação e modernidade

Fedexlaranja – cor que transmite rapidez e cooperação

Facebook – azul – a cor transmite confiança e transparência

Assim, é muito importante considerar o que as cores transmitem ao escolher quais as cores a utilizar no seu logotipo, na base da homepage do seu website, num botão call to action ou no ícone da sua app.

Além do que se quer transmitir através da cor, deve-se sempre ter em mente, os valores da marca e a cultura da empresa, todos esses elementos devem estar em harmonia para que, visualmente, o logotipo e a comunicação reflitam exatamente o que a empresa e a marca querem dizer aos seus clientes e consumidores.

Se está a trabalhar com uma marca que já tem uma cor definida, deve-se ter cuidado ao combiná-la com outras cores, pois elas podem destacar, contrastar ou até sobrepor a cor principal, resultando no oposto ao desejado. Cores contrastantes nem sempre destacam a cor principal, elas podem também ofuscar ou criar confusão mental. Combinar cores vibrantes com outras mais neutras funciona sempre, assim como juntar cores da mesma paleta, escolhendo tons diferentes da mesma cor, uns mais claros e outros mais escuros.

A dica é sempre escolher uma cor principal – ou utilizar a cor da marca – e depois combinar mais 1 até 3 cores extras que irão compor a paleta visual do projeto ou style guide. Essa paleta deve ser aplicada em toda a comunicação, seja ela online ou offline.

Para ajudar na criação de paletas de cores, há disponíveis algumas ferramentas gratuitas como Paleta de Cores , Cohesive Colors e 0 to 255

Além de testar a usabilidade das combinações de cores escolhidas, conforme já mencionado, é sempre válido criar uma imagem visual do produto e testar com os próprios utilizadores para saber a opinião. Nada melhor do que testar na prática a eficiência da paleta de cores escolhida.

Leia também: Como a imagem influencia o sucesso da marca