Perspectivas Técnicas

Toma el control de tu animación con la IU de movimiento

Escrito por Gaurav Sharma Al corriente junio 29, 2017 por Carolina

Gaurav sharma

Tener una herramienta que les dé control total sobre cómo funcionan sus efectos es invaluable; eso es lo que significa trabajar con Motion UI.

Originalmente se encuentra en el marco de Foundation for Apps, Motion UI es una biblioteca Sass de código abierto para crear transiciones y animaciones CSS personalizadas.

Como una extensión de CSS, Sass ayuda a mantener grandes hojas de estilo organizadas y hace que las hojas de estilo más pequeñas funcionen más rápido, dando más poder al diseñador y agregando una mayor estructura al lenguaje básico.

Recientemente, Motion UI se ha sometido a varias actualizaciones para convertirse en una herramienta más sólida con nuevas opciones de transición, un sistema mejorado para colas de animación y patrones de CSS adicionales que permiten la colaboración con numerosas bibliotecas de JavaScript para una mayor flexibilidad.

Aunque se diseñó para ser utilizado principalmente con la familia de frameworks Foundation, Motion UI se puede integrar con cualquier biblioteca de animación de frameworks, incluyendo React, Angular y más.

Utilizando la biblioteca Motion UI, los diseñadores pueden establecer sus propias clases de transición personalizadas y luego ver cómo los efectos cobran vida tan pronto como se agregan las clases.

Motion UI permite a los diseñadores diseñar interfaces más expresivas al brindar a los usuarios la capacidad de configurar su cola de animación única para crear animaciones CSS a partir de los efectos de transición de la IU de movimiento.

Las clases CSS prefabricadas de Motion UI usan principalmente valores predeterminados, que se pueden modificar con la ayuda de una mezcla Sass que permite a los diseñadores personalizar las respectivas variables de animaciones y transiciones de IU de movimiento para lograr un control total sobre cada aspecto de una animación o transición.

Para obtener más información sobre servicios de animación y diseño gráfico, visite www.chetu.com/es/solutions/animation-graphics.php

Negante:

Chetu, Inc. no afecta la opinión de este artículo. Cualquier mención de nombres específicos para software, compañías o individuos no constituye un endoso de ninguna de las partes a menos que se especifique lo contrario. Todos los casos de estudio y blogs están escritos con la cooperación, el conocimiento y la participación de los individuos mencionados. Este blog no debe interpretarse como un consejo legal.

Chetu se incorporó en 2000 y tiene su sede en Florida. Entregamos Soluciones de Desarrollo de Software de Clase Mundial sirviendo a empresarios a clientes de Fortune 500. Nuestros servicios incluyen diseño de procesos y sistemas, implementación de paquetes, desarrollo personalizado, inteligencia empresarial e informes, integración de sistemas, así como también pruebas, mantenimiento y soporte. La experiencia de Chetu abarca todo el espectro de TI.

- Ver más en: https://www.chetu.com/es/blogs/