Meilleure pratique pour le prototypage et la création d'animations animées pour iOS et android
Je travaille actuellement sur la refonte pour les deux Android et iOS. Je voulais utiliser de petites animations et je suis convaincu que je peux les prototyper en utilisant le principe, flinto ou After Effects. Cependant, comment puis-je transférer le résultats aux développeurs qui ne sont peut-être pas des spécialistes de l'animation. Il s'agit principalement de petites interactions et de motion design pour une animation de chargement personnalisée.
Je suis nouveau dans l'équipe ui/ux et je ne veux pas consacrer de temps et d'efforts à quelque chose que nous ne pouvons pas implémenter à la fin, mais nous avons vraiment besoin de quelques animations :)
Selon la complexité de vos animations et les méthodes dans lesquelles vous les avez utilisées, vous seriez surpris de voir à quel point le transfert peut être facile.
Comme il ne s'agit que de micro interactions et d'une animation de chargement, vous devriez être bon avec Bodymovin ( https://aescripts.com/bodymovin/ - c'est un plugin "nommez votre prix", vous pouvez donc l'essayer pour gratuit et contribuez plus tard si vous le souhaitez). Bodymovin génère du code JSON à partir de votre animation After Effects. JSON peut être utilisé directement sur le Web ou sur mobile (en utilisant Lottie d'Airbnb pour mobile). Il existe cependant des limitations, il n'y a pas beaucoup d'effets et de préréglages que Bodymovin peut reconnaître. Donc pas de particules et autres effets fantaisistes. Bodymovin fonctionne également mieux avec des formes qu'autre chose.
Un autre excellent plugin pour After Effects, Inspector Spacetime ( https://google.github.io/inspectorspacetime/ ) crée des spécifications de mouvement pour les vidéos de référence en un seul clic.
Je n'ai pas beaucoup d'expérience avec Principle et Flinto, donc je n'ai pas de recommandations si vous prévoyez d'utiliser l'un d'eux pour l'animation.