Voltar ao blog
Design gráficodesigntipografia

Cores, tipografia e movimento: princípios de design audiovisual

Design audiovisual é design gráfico mais tempo

Um cartaz estático está pronto em um momento.

Um vídeo é 24 cartazes por segundo.

Então as regras do design gráfico se aplicam, mas com uma dimensão extra: o movimento ao longo do tempo.

Cor em vídeo (diferente do impresso)

No impresso: a cor é fixa. Fica onde foi posta.

Em vídeo: a cor se move, muda, desaparece.

Regra 1: Limite a paleta De 3 a 4 cores principais. Toda cor fora dessas vira destaque e atrai o olhar.

Regra 2: Considere o fundo Uma cor pode ser linda sobre o branco e invisível sobre o preto.

Regra 3: Use a cor para guiar a atenção Quando o foco muda de cena, a cor muda junto. Isso conecta as cenas visualmente.

Regra 4: Teste em várias telas A mesma cor parece diferente num MacBook e numa TV. Teste em todas.

Campo de cubos cinza no escuro em que um único cubo coral se destaca e puxa o olhar, como a cor fora da paleta

Tipografia em movimento (não é tipografia estática com efeitos)

Tipografia no vídeo precisa ser:

Legível em telas pequenas Se some no celular, falhou.

Respeitar a hierarquia Título grande, corpo médio, detalhe pequeno. Sem variar.

Ter espaço Tipografia apertada em vídeo fica caótica.

Servir à emoção Letra que entra girando cansa. Letra que entra suave é profissional.

Movimento em design (a parte que muda tudo)

Movimento com propósito: Toda animação deve comunicar algo. Girar o logo sem motivo não comunica nada.

Timing: um movimento de 1 segundo e um de 2 segundos dizem coisas diferentes.

Easing: movimento linear parece robótico. Movimento com ease (aceleração/desaceleração) parece natural.

Sequência: qual elemento se move primeiro? Que efeito isso tem na leitura?

Comparação de espaçamento de quadros: pontos iguais no movimento linear e pontos concentrados nas pontas com easing

Um movimento de cada vez

Não anime 5 coisas ao mesmo tempo. O olho não consegue acompanhar.

Em sequência: o 1º elemento se move → o 2º se move → o 3º se move. Limpo e claro.

Proporção: o que é grande e o que é pequeno

Tamanho comunica importância.

Grande = importante. Pequeno = suporte.

Se você quer que a chamada para ação seja o foco, ela tem de ser o maior elemento.

Exemplos de aplicação

Educação: a frase em destaque muda de cor, e depois os detalhes aparecem um a um, explicando.

Venda: o produto é grande e colorido. Os benefícios aparecem pequenos em volta. A chamada para ação vem numa cor de contraste.

Marca: o logo evolui por cores e formas e conta uma história visualmente.

O que evitar

  • Fonte pequena demais em vídeo
  • Cores que vibram juntas (dor de cabeça para o espectador)
  • Movimento que compete com informação (movimento distrai)
  • Paleta de cores que muda a cada segundo

Um bom design audiovisual é invisível. O espectador não “vê” os princípios: só segue a narrativa naturalmente.

Os mesmos princípios guiam uma identidade visual: veja como eles aparecem nos cases do portfólio.