Cómo crear efectos de movimiento en el portafolio de diseño de UI (qué es mejor usar en el portafolio de diseño de UI)
Herramientas de producción de movimiento
Actualmente existen algunas herramientas de diseño de movimiento muy populares, que se basan en diferentes tecnologías y tienen características propias. Puedes elegir tu favorito para usar.
1. Framer
Framer es una herramienta de creación de prototipos basada en Javascript y es un proyecto de código abierto. Framer tiene las siguientes características: admite gestos, animaciones, estado, está basado en web, es fácil de implementar y se puede navegar en cualquier dispositivo. Si domina Javascript, esta herramienta debería ser adecuada para usted.
2. Principio
Principio
Probablemente la más simple y fácil de usar de todas las herramientas de animación. Solo necesita configurar la pantalla A y la pantalla B, y Principio generará automáticamente efectos de transición entre las dos pantallas. Por supuesto, también puedes ajustar los efectos de movimiento estableciendo diferentes tiempos y curvas de movimiento. Principio es una aplicación de escritorio. Su interfaz es muy similar a Sketch. Además, puede copiar fácilmente el diseño en Sketch directamente a Principio para su uso.
3. Flinto
Flinto, al igual que Principio, también es muy simple y fácil de usar. En particular, proporciona un [complemento Skech] que puede exportar directamente Artbords y transformaciones 3D en su Sketch a Flinto.
Four Origami
Origami es un complemento gratuito para Quartz
Composer hace que la interfaz de control de calidad sea más amigable y más adecuada para el diseño de interfaces. . A partir de mayo de 2013, los diseñadores de productos de Facebook comenzaron a desarrollar este complemento de control de calidad. El proceso de desarrollo de Origami se lleva a cabo junto con Paper. A medida que las funciones de Paper se vuelven cada vez más complejas, Origami se vuelve cada vez más poderoso. Cada efecto de animación en Paper lo crea primero el diseñador en Origami y luego lo escriben los ingenieros de iOS.
5. AfterEffects
After
Effect, conocido como AE, es un software de diseño de movimiento desarrollado por Adobe. Es una herramienta de diseño de animación ideal para diseñadores puros que no tocan el código. Hay muchos trabajos de animación excelentes producidos con AE en Dribbble. En comparación con otras herramientas, AE es una herramienta más tradicional que utiliza fotogramas y capas para definir la animación. Como producto de Adobe, muchas de sus funciones son similares a Photoshop, pero tiene muchas funciones adicionales para efectos de movimiento.