Movimiento
Degradados animados, bucles perfectos y un movimiento que se siente natural.
200 guías · 11 temas
MovimientoFondos de degradado animado para vídeo y redes sociales
6 min de lectura
Un degradado animado puede parecer luz moviéndose por la seda, o un salvapantallas. La diferencia son un puñado de decisiones de diseño que puedes tomar a propósito.
MovimientoVídeo en bucle perfecto: cómo hacer uno que nunca salte
6 min de lectura
Un bucle que salta cada diez segundos es peor que no tener movimiento. La solución no es un editor mejor; es un movimiento diseñado para volver a casa.
MovimientoPrincipios del motion design para quienes no animan
5 min de lectura
No hace falta ser animador para crear un movimiento que se sienta bien. Hacen falta unos pocos principios, un puñado de duraciones y la disciplina de usar menos.
MovimientoWeb con vídeo de fondo: peso, reproducción automática y accesibilidad
6 min de lectura
Una cabecera en movimiento puede hacer que una web se sienta viva, o volverla lenta, molesta y difícil de leer. La diferencia está en una lista corta de decisiones técnicas y de diseño.
MovimientoGIF, MP4 o WebM: qué formato usar para bucles
6 min de lectura
El GIF es el formato que todos conocen y que casi nadie debería usar en la web. También es el único que funciona en una bandeja de entrada. Aquí tienes cuál elegir, dónde y por qué.
MovimientoFondos para Reels y vídeos de TikTok: cómo diseñarlos
6 min de lectura
El vídeo vertical tiene un encuadre que no controlas del todo: los textos, los botones y los nombres van encima. Diseña el fondo para el espacio que queda.
MovimientoEasing explicado: por qué el buen movimiento se siente natural
5 min de lectura
El mismo movimiento puede sentirse torpe o fluido según un solo ajuste. Ese ajuste es el easing, y unas pocas reglas sencillas cubren casi todos los casos.
MovimientoPrefers reduced motion: animaciones para todo el mundo
6 min de lectura
Para algunas personas, un scroll con parallax o una cabecera que hace zoom no es un placer, es un mareo. Un solo ajuste te dice quiénes son. Así se respeta sin perder tu diseño.
MovimientoLogotipos animados: formas sencillas de dar vida a un logo
6 min de lectura
Una animación de logotipo debe parecer que el logo respira, no que ejecuta una rutina. Estas son las pocas técnicas que funcionan y las reglas que las mantienen de buen gusto.
MovimientoFondos de pantalla animados con degradados: crea el tuyo
6 min de lectura
Un degradado que se desplaza despacio tras el reloj puede dar vida a la pantalla sin pedir atención. El oficio está en mantenerlo lento, oscuro y silencioso.
MovimientoMotion graphics para marcas que no hacen vídeo
6 min de lectura
La mayoría de las marcas pequeñas publican imágenes fijas porque el vídeo se siente como un segundo trabajo. Un bucle lento de tu propio estilo moviéndose bajo palabras quietas te lleva casi hasta el final, sin edición.