Sometimes the more effects the better (all fans of Fast and Furious know what I’m talking about)
That’s why in UXPin’s interactions panel you can find the Easing feature which will will help you to enrich your interaction design. Eventually everything in nature keeps moving, so it’s about time we said ‘no’ to motionless interactions and static designs.
Once you’ve added some elements, click on the element you want to animate, and open the interactions menu. Next, choose the right interaction and animation. Next, feel free to go through all Easings.
This is the most basic Easing. It reflects constant speed and steady movement from point A to point B :
Animations that use Ease Out start quickly and then slow down at the end. Of the three options, this is definitely the most popular one. As you can see, you have 10 variations of Ease Out at hand:
Contrary to Ease Out , this one starts gently and accelerates at the end. 10 variations are available:
Ease In Out
This is the combination of both types described above. Long story short, it starts smoothly, gains speed and again slows down at the end:
Check how it works in UXPin. Real example is waiting for you!:) Go ahead and use it in your design!