Tres formas de crear un precargador
Crea un efecto de precarga en Figma
El efecto Afder delay aplicado de manera creativa
Imagen superior: Captura de pantalla desde el video compartido.
El tutorial muestra, en pocos minutos, la técnica para crear un efecto de precarga utilizando Figma: https://www.youtube.com/watch?v=ARxUAjZCFuE
¿Cómo perfecciono la técnica?
Si bien el tutorial es claro y logra buenos resultados, recuerda que las animaciones en Material Design cumple algunos roles, y tienen comportamientos específicos en algunos casos. Toca entonces conocer las pautas que se incluyen en las guías de estilo de Material Design 3:
Animaciones con MD3
- Introducción: https://m3.material.io/styles/motion/overview
- Easing y duración: https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration
- Tokens: https://m3.material.io/styles/motion/easing-and-duration/tokens-specs
- Patrones de transición: https://m3.material.io/styles/motion/transitions/transition-patterns
- Aplicando transiciones: https://m3.material.io/styles/motion/transitions/applying-transitions
¡Gracias Alessandra por el enlace al videotutorial!
Saludos y bonita jornada.
Plácido.
Imagen de cabecera: Captura de pantalla ilustrativa tomada desde https://m3.material.io/styles/motion/overview
#recursosDeClases #materialDesign3 #MD3 #MD #materialDeApoyo #recursosDeApoyo #materialCursos #Figma #tutorialesUI #ui #uid #RecursosUI #RecursosMD #Animación #AnimacionesEnFigma #Motion #MotionMD3 #MD3Motion #IxD #Ix #DiseñoDeInteracción #MaterialCursosIxD #MaterialCursosUID