{"id":20222,"date":"2024-04-22T19:26:02","date_gmt":"2024-04-22T22:26:02","guid":{"rendered":"https:\/\/www.bybrand.io\/blog\/?p=20222"},"modified":"2024-04-23T11:10:21","modified_gmt":"2024-04-23T14:10:21","slug":"cor-assinatura-de-email","status":"publish","type":"post","link":"https:\/\/www.bybrand.io\/blog\/pt-br\/cor-assinatura-de-email\/","title":{"rendered":"Escolhendo a melhor cor para uma assinatura de e-mail"},"content":{"rendered":"\n

A cor da sua assinatura de e-mail faz muito mais do que apenas chamar a aten\u00e7\u00e3o dos destinat\u00e1rios do e-mail. \u00c9 uma representa\u00e7\u00e3o vital da marca e desempenha um papel importante no desempenho da assinatura de e-mail.<\/p>\n\n\n\n

Neste guia, detalharemos tudo o que voc\u00ea precisa saber sobre cores em assinaturas de e-mail HTML. Isso inclui algumas dicas de especialistas sobre como escolher a cor certa e o que evitar ao criar seu design exclusivo.<\/p>\n\n\n\n

A import\u00e2ncia da cor nas assinaturas de e-mail<\/h2>\n\n\n\n

A cor da sua assinatura de e-mail desempenha um papel importante na forma como sua marca \u00e9 percebida e no tipo de efeito que ela tem.<\/p>\n\n\n\n

Em primeiro lugar, um estudo mostrou que 90% dos julgamentos da marca<\/a> s\u00e3o feitos com base nas cores. Portanto, uma diferen\u00e7a de cor pode ter um enorme impacto na forma como a personalidade da marca \u00e9 transmitida.<\/p>\n\n\n\n

Em segundo lugar, gra\u00e7as \u00e0 psicologia das cores, o uso de cores diferentes na assinatura do seu e-mail pode ter um grande impacto nas a\u00e7\u00f5es e decis\u00f5es das pessoas. Por exemplo, sabe-se que mudar a cor do bot\u00e3o de compra em sua p\u00e1gina da web de verde para vermelho aumenta as vendas em 21%<\/a>.<\/p>\n\n\n\n

Por exemplo, o vermelho incentiva o deseja. Assim, voc\u00ea incentiva o seu potencial cliente a agir r\u00e1pido para matar a fome.<\/p>\n\n\n

\n
\"McDonald<\/figure>\n<\/div>\n\n\n

A cor nas assinaturas de e-mail \u00e9 crucial porque chama a aten\u00e7\u00e3o e adiciona personalidade aos seus e-mails. Ajuda na promo\u00e7\u00e3o da marca, tornando seus e-mails reconhec\u00edveis e memor\u00e1veis. Voc\u00ea pode pensar na cor da assinatura de e-mail como uma extens\u00e3o do logotipo da sua empresa<\/a>.<\/p>\n\n\n\n

Usar cores alinhadas \u00e0 marca da empresa cria consist\u00eancia e profissionalismo<\/a>. E quando voc\u00ea usa cores que se destacam, elas podem ajudar a tornar sua assinatura de e-mail mais eficaz. Por exemplo, voc\u00ea pode fazer com que mais pessoas cliquem em \u00edcones de rede social ou CTAs em sua assinatura se a cor ajudar a destac\u00e1-lo.<\/p>\n\n\n\n

O esquema de cores tamb\u00e9m desempenha um papel importante na forma como a assinatura \u00e9 renderizada. Por exemplo, usar um modelo de assinatura com fundo branco carregar\u00e1 mais naturalmente na maioria dos clientes de e-mail.<\/p>\n\n\n\n

Como selecionar as cores certas para assinaturas de e-mail<\/h2>\n\n\n\n

Existem algumas considera\u00e7\u00f5es importantes a serem feitas ao escolher as cores de assinatura certas para seus e-mails. Desde impulsionar seus esfor\u00e7os de marketing at\u00e9 refor\u00e7ar sua marca, uma boa assinatura deve ter cores cuidadosamente escolhidas.<\/p>\n\n\n\n

Aqui est\u00e3o algumas coisas que voc\u00ea deve ter em mente ao escolh\u00ea-los.<\/p>\n\n\n\n

Paleta de marca<\/h3>\n\n\n\n

Quando se trata de selecionar cores para sua assinatura de e-mail, \u00e9 essencial permanecer fiel \u00e0 identidade de neg\u00f3cio.<\/p>\n\n\n\n

Comece examinando a paleta de cores existente da sua marca, ou roda de cores, que geralmente vem do seu logotipo ou das diretrizes da marca. Essas cores representam a personalidade e os valores da marca. S\u00e3o eles que tornam a sua marca reconhec\u00edvel e todas as comunica\u00e7\u00f5es externas devem utiliz\u00e1-los.<\/p>\n\n\n\n

Exemplo de assinatura HTML com as cores da marca.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

Incorporar a cor marca na assinatura do e-mail refor\u00e7a o reconhecimento e a consist\u00eancia da marca em todas as suas comunica\u00e7\u00f5es.<\/p>\n\n\n\n

Contraste para legibilidade<\/h3>\n\n\n\n

Embora a est\u00e9tica seja importante, a legibilidade \u00e9 um fator crucial para qualquer assinatura de e-mail. Escolha cores que ofere\u00e7am contraste suficiente para garantir que ela seja f\u00e1cil de ler.<\/p>\n\n\n\n

Por exemplo, se a cor de fundo for clara, n\u00e3o escolha texto de cor clara. O alto contraste garante que suas informa\u00e7\u00f5es de contato e outros detalhes essenciais possam ser facilmente vistos, mesmo em diferentes dispositivos, modo escuro e op\u00e7\u00f5es de cliente de e-mail.<\/p>\n\n\n\n

Exemplo de assinatura com um fundo branco e cores em negrito<\/strong>.<\/p>\n\n\n\n

\"Assinatura<\/figure>\n\n\n\n
\n\n\n\n

Veja tamb\u00e9m:<\/strong> Como criar uma assinatura de e-mail profissional com o modo escuro<\/a>.<\/p>\n\n\n\n

Concentre a aten\u00e7\u00e3o no leitor (destinat\u00e1rio)<\/h3>\n\n\n\n

A cor pode ser uma ferramenta poderosa para direcionar a aten\u00e7\u00e3o do destinat\u00e1rio para elementos importantes da assinatura profissional.<\/p>\n\n\n\n

Considere usar uma cor brilhante para destacar informa\u00e7\u00f5es importantes, como seu nome, detalhes de contato, um link de calend\u00e1rio<\/a> ou um CTA. Essa diferencia\u00e7\u00e3o sutil torna esses detalhes mais proeminentes e mais f\u00e1ceis de serem percebidos pelo destinat\u00e1rio \u00e0 primeira vista.<\/p>\n\n\n\n

O ideal \u00e9 que as cores utilizadas sejam complementares. Isso torna o uso de diferentes cores brilhante mais f\u00e1cil para os olhos.<\/p>\n\n\n\n

Exemplo com link clic\u00e1vel.<\/p>\n\n\n\n

\"Assinatura<\/figure>\n\n\n\n
\n\n\n\n

No entanto, tenha cuidado para n\u00e3o usar cores em excesso, pois isso pode causar confus\u00e3o visual e desviar a aten\u00e7\u00e3o da mensagem geral.<\/p>\n\n\n\n

CTAs<\/h3>\n\n\n\n

Se a sua assinatura de e-mail inclui um CTA, como um link para o seu site ou perfis de m\u00eddia social, a cor pode desempenhar um grande papel para destac\u00e1-la.<\/p>\n\n\n\n

Escolha uma cor que contraste bem com o restante da sua assinatura para chamar a aten\u00e7\u00e3o para o CTA. Isso incentiva os destinat\u00e1rios a clicar no link na assinatura em HTML.<\/p>\n\n\n\n

Exemplo de assinatura HTML com CTA links na cor azul.<\/p>\n\n\n\n

\"Modelo<\/figure>\n\n\n\n
\n\n\n\n

Nesse segundo exemplo, o link tem a cor padr\u00e3o e com negrito.<\/p>\n\n\n\n

\"Assinatura<\/figure>\n\n\n\n
\n\n\n\n

Lembre-se de manter o CTA conciso e atraente e de usar cores estrategicamente para torn\u00e1-lo irresist\u00edvel para o seu p\u00fablico.<\/p>\n\n\n\n

Veja tamb\u00e9m:<\/strong> Como remover links azuis na assinatura de e-mail<\/a>.<\/p>\n\n\n\n

Teste suas cores<\/h3>\n\n\n\n

Se voc\u00ea n\u00e3o tiver certeza sobre o impacto que as cores da sua assinatura ter\u00e3o, vale a pena fazer um teste A\/B nelas.<\/p>\n\n\n\n

Por exemplo, voc\u00ea pode ver o desempenho de um bot\u00e3o verde em rela\u00e7\u00e3o a um bot\u00e3o azul. Ap\u00f3s testar os dois, poder\u00e1 otimizar sua assinatura de e-mail com a op\u00e7\u00e3o mais efetivo.<\/p>\n\n\n\n

Embora isso possa parecer simples, testes cuidadosos podem fazer uma grande diferen\u00e7a no desempenho da sua assinatura de e-mail. Por exemplo, uma simples mudan\u00e7a de cor nos bot\u00f5es de CTA pode aumentar as convers\u00f5es em 34%<\/a>.<\/p>\n\n\n\n

O que evitar<\/h2>\n\n\n\n

Assim como \u00e9 importante escolher as cores certas para sua assinatura, voc\u00ea tamb\u00e9m precisa saber o que evitar. Aqui est\u00e3o mais algumas considera\u00e7\u00f5es a serem feitas ao projetar uma assinatura de e-mail.<\/p>\n\n\n\n

Cores conflitantes<\/h3>\n\n\n\n

Ao escolher as cores para sua assinatura de e-mail, voc\u00ea precisa ter certeza de que elas combinam bem.<\/p>\n\n\n\n

Evite combinar cores que entrem em conflito ou que n\u00e3o pare\u00e7am naturais. Esses conflitos podem fazer com que sua assinatura de e-mail pare\u00e7a ca\u00f3tica e pouco profissional.<\/p>\n\n\n\n

Em vez disso, escolha cores que se complementem e criem uma apar\u00eancia coesa. Mais uma vez, seguir a paleta de cores estabelecida deve ajud\u00e1-lo a manter a consist\u00eancia em todas as suas comunica\u00e7\u00f5es.<\/p>\n\n\n\n

Muitas cores<\/h3>\n\n\n\n

Embora a cor adicione interesse visual \u00e0 sua assinatura de e-mail, usar muitas cores pode sobrecarregar o destinat\u00e1rio e prejudicar as informa\u00e7\u00f5es adicionadas.<\/p>\n\n\n\n

Busque simplicidade e clareza, limitando o n\u00famero de cores na assinatura profissional. Escolha um esquema de cores prim\u00e1rias composto por duas ou tr\u00eas cores que representem efetivamente sua marca.<\/p>\n\n\n\n

Isso garante que sua assinatura de e-mail permane\u00e7a visualmente atraente, sem se tornar excessivamente ocupada ou distrativa.<\/p>\n\n\n\n

Exemplo de assinatura de e-mail com somente imagem, evite isso<\/a>.<\/p>\n\n\n\n

\"Evite<\/figure>\n\n\n\n
\n\n\n\n

Baixo contraste<\/h3>\n\n\n\n

O contraste desempenha um grande papel na facilidade de leitura e compreens\u00e3o da assinatura HTML.<\/p>\n\n\n\n

Evite usar cores sem contraste suficiente. Pois, poderem dificultar a distin\u00e7\u00e3o entre o texto e o fundo.<\/p>\n\n\n\n

Por exemplo, texto claro em fundo claro ou texto escuro em fundo escuro pode cansar os olhos e prejudicar a legibilidade. Em vez disso, opte por combina\u00e7\u00f5es de alto contraste, como texto escuro em fundo claro ou vice-versa, para garantir que sua mensagem e marca sejam claras.<\/p>\n\n\n\n

Similar a esse exemplo abaixo:<\/p>\n\n\n\n

\"Assinatura<\/figure>\n\n\n\n

Cores pouco profissionais<\/h3>\n\n\n\n

As cores que voc\u00ea escolhe para sua assinatura de e-mail refletem a imagem e o profissionalismo da marca.<\/p>\n\n\n\n

Ao escolher cores excessivamente brilhantes, berrantes ou neon, tente us\u00e1-las com modera\u00e7\u00e3o. Eles podem prejudicar sua credibilidade e profissionalismo.<\/p>\n\n\n\n

Em vez disso, opte por tons mais suaves que oferecem sofistica\u00e7\u00e3o e profissionalismo. Considere o contexto em que sua assinatura de e-mail ser\u00e1 visualizada e escolha cores que correspondam ao seu p\u00fablico e aos padr\u00f5es do setor.<\/p>\n\n\n\n

Claro, isso depende da sua marca, pois algumas marcas far\u00e3o mais sentido sem uma paleta de cores neutras.<\/p>\n\n\n\n

Uso inconsistente de cores<\/h3>\n\n\n\n

Consist\u00eancia \u00e9 fundamental quando se trata de branding \u2013 e isso inclui ser consistente em sua assinatura de e-mail.<\/p>\n\n\n\n

O uso inconsistente de cores pode criar confus\u00e3o e prejudicar sua comunica\u00e7\u00e3o. Certifique-se de que as cores usadas estejam alinhadas com a identidade visual geral da empresa e sejam consistentes em todos os elementos. Isso inclui texto, plano de fundo, links e quaisquer outros elementos de design.<\/p>\n\n\n\n

V\u00eddeo tutorial<\/h2>\n\n\n\n

Por fim, no v\u00eddeo abaixo, voc\u00ea confere como aplicar uma cor de texto personalizada \u00e0 sua assinatura de e-mail usando o editor Bybrand.<\/p>\n\n\n\n

\n