sizzledraft

CUT 01 / Cor de marca

13 erros de cor de marca que fazem os anúncios de vídeo DIY parecerem baratos

Erros comuns de cor de marca em anúncios de vídeo DIY incluem retirar uma cor de uma captura de ecrã em vez de usar o valor real da marca, legendas com pouco contraste sobre imagens carregadas, elementos de interface da plataforma em conflito, uma paleta de template que sobrou, desvio de cor entre cortes e cores que se degradam depois de o vídeo ser comprimido e visto em tamanho pequeno.

SIZZLEDRAFT10 MIN DE LEITURA

A maioria dos anúncios de vídeo DIY que parecem baratos não tem um problema de imagens, tem um problema de cor: um hexadecimal retirado de uma captura de ecrã em vez do token real da marca, legendas com pouco contraste, a paleta que sobrou de um template, ou cores que só funcionam em tamanho completo num monitor e não no tamanho em que um telemóvel as mostra de facto. A correção é quase sempre a mesma: retire a cor a partir dos valores reais da marca e depois veja o anúncio terminado no dispositivo onde vai ser visto, não naquele onde foi editado.

1. Retirar uma cor de uma captura de ecrã em vez de usar o valor real da marca

Escolher uma cor com uma ferramenta de conta-gotas a partir de uma captura de ecrã ou fotografia introduz artefactos de compressão, iluminação e calibração de monitor numa cor que devia ser exata. A cor real de uma marca existe como um valor definido, um código hexadecimal ou um token com nome num guia de estilo, e esse valor deve ser retirado diretamente da fonte, e não recriado ao amostrar uma imagem dela. Uma cor amostrada pode desviar-se de forma visível, especialmente nos meios-tons, e assim que é usada como cor de fundo ou de texto junto ao logótipo real, a diferença torna-se óbvia. Verifique o valor de cor real da marca antes de definir seja o que for, e use-o em vez de uma estimativa tirada de uma imagem.

2. Usar legendas claras sobre imagens carregadas sem scrim

Texto de legenda branco ou de cor clara colocado diretamente sobre imagens com brilho variável, como um plano de produto em movimento ou um fundo carregado, torna-se ilegível assim que as imagens por trás ficam mais claras. Uma legenda precisa de se manter legível durante todo o tempo em que está no ecrã, e não só no frame onde foi colocada pela primeira vez. A solução é um scrim: uma placa escura subtil, um gradiente ou um fundo sólido para a legenda por trás do texto, dimensionado ao texto e não ao frame inteiro, para que as palavras continuem legíveis independentemente do que se move por trás delas. Saltar este passo é uma das formas mais rápidas de fazer uma edição por outro lado decente parecer que nunca foi verificada contra as suas próprias imagens.

3. Deixar os próprios elementos no ecrã da plataforma entrar em conflito com a paleta da marca

Cada plataforma sobrepõe a sua própria interface por cima do vídeo: barras de legendas, um ícone de partilha, uma miniatura de perfil, por vezes um destaque colorido. Estes elementos têm as suas próprias cores, e uma paleta de marca carregada no mesmo tom da cor de destaque da plataforma pode misturar-se com a interface em vez de se destacar dela. Pré-visualize o corte terminado dentro da aplicação real antes de publicar, com a sobreposição real visível, e não apenas na timeline de edição. Se a cor principal da marca estiver próxima da cor da interface da plataforma nas áreas onde aparecem legendas e controlos, ajuste ligeiramente o peso de cor do anúncio ou reposicione o texto para que os dois não estejam a competir pelo mesmo espaço visual.

4. Deixar a paleta predefinida de um template genérico como está

Muitos anúncios DIY começam a partir de um template que vem com o seu próprio esquema de cores: um azul genérico, um gradiente laranja genérico, uma cor de legenda predefinida. Se essa paleta nunca for trocada pelas cores reais da marca, o anúncio acaba por parecer igual a todos os outros vídeos feitos a partir do mesmo template, e um espectador que já viu o template noutro lado vai reconhecê-lo, o que é um dos sinais de que um anúncio foi feito com material genérico em vez de a partir de um site real. Antes de exportar seja o que for, verifique cada cor do projeto contra os valores reais da marca: fundo, legenda, botão e qualquer forma de destaque. Uma cor que não consiga ser associada a algo que a marca realmente usa é um resto do template, não uma decisão de marca, e deve ser substituída.

5. Deixar a cor de fundo ou de destaque desviar-se entre cortes

Pequenas variações de cor entre planos, um fundo ligeiramente mais quente num corte e mais frio no seguinte, são fáceis de não notar durante a edição mas óbvias quando o anúncio é reproduzido à velocidade normal. Isto costuma acontecer quando diferentes capturas de ecrã de origem foram feitas sob condições de iluminação ou renderização do browser diferentes, ou quando uma cor foi definida manualmente por cena em vez de a partir de um valor consistente. Verifique a mesma amostra de cor em todas as cenas da timeline, não só na primeira e na última. Se uma cor de fundo ou de destaque precisa de se manter estável ao longo de todo o anúncio, defina-a uma vez como um valor partilhado e aplique-a em todo o lado, em vez de a aproximar de novo em cada cena nova.

6. Não verificar como a cor comprime e se desvia na exportação

Uma cor que parece correta na pré-visualização de edição pode desviar-se assim que o vídeo é comprimido para entrega. A codificação h264 pode introduzir banding em gradientes suaves e alterar ligeiramente os meios-tons, especialmente em áreas mais escuras do frame. Um gradiente de fundo subtil em dois tons que parecia limpo no editor pode mostrar degraus visíveis depois de exportado e reproduzido num telemóvel. Exporte uma versão de teste cedo, veja-a num ecrã de telemóvel real em vez de no monitor de edição, e verifique especificamente gradientes e fundos escuros, porque é aí que os artefactos de compressão aparecem primeiro. Se surgir banding, simplifique o gradiente ou desvie-o ligeiramente em vez de depender de uma subtileza que não vai sobreviver à codificação.

7. Escolher cores que só funcionam em tamanho completo, não em tamanho de telemóvel

Uma combinação de cores que se lê claramente num monitor grande pode perder contraste quando vista no tamanho em que um telemóvel a mostra de facto, que é mais pequeno e muitas vezes sob luz ambiente forte. Isto afeta particularmente texto fino, gradientes delicados e cores próximas em valor mas distinguidas sobretudo pelo tom. Teste qualquer combinação de cores em tamanho pequeno e fora de um ambiente de edição controlado: ao ar livre, num telemóvel, com o brilho normal do ecrã e não no máximo. Se uma legenda ou botão se tornar difícil de distinguir do seu fundo nessas condições, a combinação precisa de mais contraste, e não apenas de um tom diferente. O enquadramento vertical já exige muito de um ecrã pequeno; a cor não devia acrescentar mais dificuldade a isso.

8. Aplicar um único filtro de cor a toda a edição, incluindo as capturas de ecrã

Uma única correção de cor quente ou fria aplicada a toda a timeline pode parecer intencional até ser aplicada sobre uma captura de ecrã real do produto, momento em que começa a alterar a cor real da interface mostrada. Uma cor de marca desviada numa captura de ecrã do produto não é uma escolha estilística, é uma representação incorreta do produto. Se vale a pena usar um tratamento de cor, aplique-o às imagens de apoio e aos gráficos, e ou exclua os ecrãs de produto captados da correção ou aplique-lhes especificamente uma versão muito mais leve. Manter o material de interface captado fiel ao real é, à partida, parte do que torna um anúncio baseado em capturas de ecrã digno de confiança.

9. Escolher uma cor de legenda com pouco contraste em relação ao seu próprio fundo

Uma cor de legenda escolhida por corresponder à cor de destaque da marca ainda pode falhar se essa cor não tiver contraste suficiente contra os fundos sobre os quais realmente aparece. Um amarelo de marca sobre um fundo claro, ou um azul de marca em tom médio sobre uma fotografia carregada, pode parecer bem isolado e tornar-se quase ilegível em contexto. Verifique o contraste contra cada fundo sobre o qual a legenda vai realmente assentar no corte final, e não apenas contra uma amostra de cor sólida. Se a cor de destaque da marca não tiver contraste suficiente para ser usada diretamente como texto, use-a antes para um sublinhado, uma pequena forma de destaque ou um chip de fundo, e mantenha o próprio texto da legenda numa cor que se leia claramente onde quer que caia.

10. Tratar a única cor de destaque da marca como se fosse a paleta inteira

A maioria das marcas tem uma cor principal e um pequeno conjunto de neutros de apoio, mas uma edição DIY pode acabar por usar a cor de destaque para o fundo, o texto, os botões e as transições, tudo ao mesmo tempo. Quando uma única cor está a fazer todo o trabalho, nada no frame se destaca, porque não sobra contraste para criar hierarquia. Use os neutros da marca, normalmente um tom escuro e um tom claro definidos, para a maior parte do frame, e reserve a cor de destaque para as uma ou duas coisas que devem atrair o olhar primeiro: uma chamada para ação, um número-chave ou o logótipo. Uma paleta usada desta forma faz a cor de destaque significar alguma coisa, em vez de se tornar ruído de fundo.

11. Usar preto puro ou branco puro quando os tons da marca são mais suaves

Recorrer a um preto puro ou branco puro genérico em vez dos verdadeiros tons escuros e claros da marca é um atalho fácil que achata um aspeto que a marca pode ter suavizado de propósito. Muitos guias de marca especificam um quase-preto ou um quase-branco precisamente porque os valores puros podem parecer duros no ecrã, esmagar detalhe nas sombras ou cortar as luzes altas durante a reprodução. Verifique os valores neutros definidos pela marca antes de recorrer por defeito aos extremos, e use-os em vez disso. Isto importa sobretudo em grandes áreas de fundo e em vídeo escuro, onde o preto puro pode esconder detalhe que um tom escuro ligeiramente mais claro manteria visível, e o branco puro pode parecer ofuscante junto a imagens de marca mais suaves.

12. Deixar uma transição ou sobreposição genérica introduzir uma cor fora da marca

Pacotes de transições gratuitos, sobreposições de light leak e templates genéricos de lower-third costumam trazer a sua própria cor incorporada: um flare laranja, um brilho azul, uma limpeza verde. Inserida numa edição que, de resto, respeita a marca, essa cor não aparece em mais lado nenhum do vídeo e lê-se como um acidente e não como uma escolha. Verifique cada efeito de transição e sobreposição contra a paleta da marca antes de o usar, da mesma forma que verificaria uma cor de fundo ou de legenda. Se a cor de um efeito puder ser ajustada, muitos modos de mistura de sobreposição permitem um desvio de tom, alinhe-a com a paleta da marca em vez de deixar a predefinição. Se não puder ser ajustada, costuma ser mais seguro descartar o efeito do que deixar uma cor sem relação entrar no corte.

13. Nunca pré-visualizar as cores finais num ecrã de telemóvel real

Todos os erros desta lista são mais fáceis de não notar num monitor de edição, que é calibrado por cor, grande e visto sob iluminação controlada, nada disto descreve como o anúncio vai realmente ser visto. Antes de publicar, exporte o vídeo terminado, envie-o para um telemóvel real e veja-o com o brilho normal numa divisão comum. Uma edição orientada por capturas de ecrã só é tão fiel quanto as verificações feitas sobre ela, e a cor é um dos detalhes mais fáceis de aprovar num bom ecrã e lamentar num ecrã médio. Esta única verificação apanha de uma vez a maioria dos erros acima.

Retirar cor, tipos de letra e capturas de ecrã diretamente do site real é o que o sizzledraft faz por definição, em vez de partir da paleta de um template, para que as cores do vídeo terminado já correspondam à marca a que pertencem. Comece um a partir do seu próprio URL e veja quão próximas ficam antes de mudar seja o que for.

Mais notas práticas, sem enchimento.

VER TODAS AS NOTAS →