Within the UX, movement is one of the principles that most impacts the user’s attention . The response of a button to an action or a subtle animation in an illustration not only serves as basic feedback in a HMI relationship (Human-Machine Interaction), but also as an attraction that generates added value in our solutions.

In this post we will talk about Lottie, a tool created by Airbnb for the development and implementation of micro-interactions and animations in a very simple way. Lottie allows us to get HTML or JSON code files of compatible animations for iOS, Android, React Native and Web.

Movement Is One of The Principles that Most Impacts the User’s Attention

Above all, Within the UX, movement is one of the principles that most impacts the user’s attention. The response of a button to an action or a subtle us email id list animation in an illustration not only serves as basic feedback in a HMI relationship (Human-Machine Interaction), but also as an attraction that generates added value in our solutions.

USA Email List

In this post we will talk about Lottie , a tool created by Airbnb for the development and implementation of micro-interactions and animations in a very simple way. Lottie allows us to get HTML or JSON code files of compatible animations for iOS, Android, React Native and Web.

What Do We Need to Work with Lottie?

After that, To work with Lottie we will need the following resources. After Effects – This tool is becoming standardized as the go-to application for creating , editing , and exporting Lotties files. Moreover, Bodymovin: is an After Effects pluginthat.

After that, Will allow us to export our compositions to Lottie type files ( HTML or JSON ). This plugin needs to be installed using the ZXP Installer wizard in our After Effects program. We will work with Sketch. Lottie Mobile App : in the case of working a lot with animations for App.

Leave a Reply

Your email address will not be published. Required fields are marked *