Movimento

Movimento

Fundos de gradiente animados para vídeo e redes sociais

6 min de leitura

Um gradiente animado pode parecer luz a mover-se pela seda, ou um protetor de ecrã. A diferença está em meia dúzia de decisões que podes tomar de propósito.

Movimento

Vídeo em loop perfeito: como fazer um que nunca salta

6 min de leitura

Um loop que salta a cada dez segundos é pior do que nenhum movimento. A solução não é um editor melhor; é um movimento desenhado para voltar a casa.

Movimento

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

5 min de leitura

Não precisas de ser animador para criar movimento que parece certo. Precisas de alguns princípios, meia dúzia de durações e disciplina para usar menos.

Movimento

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

6 min de leitura

Um destaque em movimento pode dar vida a um site, ou torná-lo lento, distrativo e difícil de ler. A diferença está numa pequena lista de escolhas técnicas e de design.

Movimento

GIF vs MP4 vs WebM: que formato usar para loops

6 min de leitura

O GIF é o formato que toda a gente conhece e que quase ninguém devia usar na web. É também o único que funciona numa caixa de correio. Eis qual escolher, onde e porquê.

Movimento

Design de fundos para vídeos de Reels e TikTok

6 min de leitura

O vídeo vertical tem um enquadramento que não controlas por inteiro: legendas, botões e nomes ficam por cima dele. Desenha o fundo para o espaço que sobra.

Movimento

Easing explicado: porque é que o bom movimento parece natural

5 min de leitura

O mesmo movimento pode parecer desajeitado ou natural conforme uma só definição. Essa definição é o easing, e umas poucas regras simples cobrem quase todos os casos.

Movimento

Prefers reduced motion: animação que todos podem usar

6 min de leitura

Para algumas pessoas, um scroll com parallax ou um cabeçalho com zoom não é encantador; é estonteante. Uma definição diz-te quem são. Eis como a respeitar sem perder o teu design.

Movimento

Logótipos animados: formas simples de dar vida a um logótipo

5 min de leitura

Uma animação de logótipo deve parecer o logótipo a respirar, não a executar uma rotina. Eis as poucas técnicas que funcionam e as regras que as mantêm de bom gosto.

Movimento

Fundos animados com gradientes: faz o teu

5 min de leitura

Um gradiente que desliza devagar por trás do relógio pode dar vida a um ecrã sem nunca pedir atenção. O segredo está em mantê-lo lento, escuro e sossegado.

Movimento

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

6 min de leitura

A maioria das marcas pequenas publica imagens estáticas porque o vídeo parece um segundo emprego. Um loop lento do teu próprio visual a mover-se por baixo de palavras paradas leva-te quase até lá, sem edição.