Movimento

Movimento

Fundos de gradiente animados para vídeo e redes sociais

6 min de leitura

Um gradiente animado pode parecer luz atravessando seda ou um protetor de tela. A diferença está em algumas decisões de design que você pode tomar de propósito.

Movimento

Vídeo em loop perfeito: como fazer um que nunca dá salto

6 min de leitura

Um loop que dá um salto a cada dez segundos é pior do que nenhum movimento. A solução não é um editor melhor; é um movimento criado para voltar ao ponto de partida.

Movimento

Princípios de motion design para quem não anima

5 min de leitura

Você não precisa ser animador para criar movimento que pareça certo. Precisa de alguns princípios, de um punhado de durações e da disciplina de usar menos.

Movimento

Site com vídeo de fundo: peso, reprodução automática e acessibilidade

5 min de leitura

Um destaque em movimento pode deixar um site vivo, ou lento, distrativo e difícil de ler. A diferença está em uma lista curta de escolhas técnicas e de design.

Movimento

GIF, MP4 ou WebM: qual formato usar em loops

6 min de leitura

O GIF é o formato que todo mundo conhece e que quase ninguém deveria usar na web. Também é o único que funciona numa caixa de entrada. Veja qual escolher, onde e por quê.

Movimento

Fundo para Reels: como criar o fundo de vídeos do Reels e do TikTok

6 min de leitura

O vídeo vertical tem um quadro que você não controla por inteiro: legendas, botões e nomes ficam por cima dele. Crie o fundo para o espaço que sobra.

Movimento

Easing explicado: por que um bom movimento parece natural

5 min de leitura

O mesmo movimento pode parecer desajeitado ou natural dependendo de um único ajuste. Esse ajuste é o easing, e umas poucas regras simples cobrem quase todos os casos.

Movimento

Prefers reduced motion: animação que todo mundo pode usar

6 min de leitura

Para algumas pessoas, uma rolagem com parallax ou um banner que dá zoom não encanta; dá tontura. Uma configuração diz quem elas são. Veja como respeitá-la sem perder o seu design.

Movimento

Logos animados: formas simples de dar vida a um logo

5 min de leitura

Uma animação de logo deve parecer o logo respirando fundo, e não cumprindo uma coreografia. Estas são as poucas técnicas que funcionam e as regras que as mantêm de bom gosto.

Movimento

Papel de parede animado com gradientes: crie o seu

6 min de leitura

Um gradiente que se move devagar atrás do relógio pode dar vida à tela sem nunca pedir atenção. A arte está em mantê-lo lento, escuro e silencioso.

Movimento

Motion graphics para marcas que não fazem vídeo

6 min de leitura

A maioria das marcas pequenas posta imagens estáticas porque vídeo parece um segundo emprego. Um loop lento do seu próprio visual se movendo sob palavras paradas leva você quase até lá, sem edição.