Featured image

Animaciones CSS - Da vida a tus interfaces

¿Deseas que tus sitios/apps web destaquen entre la competencia? ¿quieres ofrecer una mejor experiencia a tus usuarios? Mejorar tus interfaces con animaciones es una eficaz manera de lograrlo. Pero crearlas con CSS conlleva una serie de complicaciones.

Este taller te enseñará a vencer esas dificultades y crear animaciones que ayuden a tus usuarios. Lograrás interfaces más claros, interactivos e incluso divertidos. Descubre cómo y cuándo usar animaciones y transiciones CSS que den vida a tus proyectos web.

Con animaciones y transiciones CSS crearás experiencias de usuario más dinámicas e interactivas. Consigue un salto de calidad como profesional UX/UI.


Dirigido a

Profesionales de desarrollo front-end y diseño UX/UI que ya conocen los conceptos básicos de CSS y desean aprender una nueva forma de dar vida a sus proyectos web.

 

Objetivos

  • Dar vida a interfaces de usuario usando buenas prácticas.
  • Mejorar la usabilidad de sitios web gracias a transiciones y animaciones CSS que asisten al usuario.
  • Desarrollar animaciones CSS comunes e imprescindibles en proyectos profesionales.

 

Contenidos destacados

  • Planificar adecuadamente las animaciones del proyecto para integrar buenas prácticas desde el comienzo.
  • Distinguir cuándo y cómo usar la animación CSS frente a la transición CSS.
  • Crear animaciones CSS paso a paso desde cero.
  • Construir secuencias de animación mediante fotogramas clave.
  • Adaptar las animaciones CSS a las dimensiones de cada dispositivo.
  • Diferenciar entre animación CSS y animación SVG (no tratada en este taller).