How do you animate your interfaces?

Question

User interface

Good day!
It is interesting to ask fellow designers what tools you use to create interactive animated prototypes of your interfaces (websites, mobile applications)?
After Effects or any ready-made services like POP? What can you advise to make the animation process a little easier, while maintaining visual appeal?

Answer 1

After Effects + Photoshop
Here is described (in three parts) the mechanism of animation and preparation of the layout (in Ukrainian, but I think you will understand the essence).

Answer 2

Cursing, sighing heavily and sometimes refreshing yourself with beer. In AxureRP. If you strain your brains a lot, Akshur will allow a lot. But sometimes it cannot do the most elementary things, or it implements it so crookedly that it is easier to sit down to code. So I once gave up on prototyping a site with a background video in axura and stupidly made it up myself.
The essence of this fable is this - everything depends on the specific task. The task defines the tool.

Answer 3

I don’t quite understand, why the hell in AE animate the interface? To grab likes on a dribble? Isn't it easier to do these things in the same Pixate so that the customer can twist the layout in his hands? Or even better in Origami, so that there is already a code with all the animation at the output.

Answer 4

Haven't tried it myself, found it on Quora, it might come in handy:
The Bodgenator is a script for Adobe Illustrator that exports 'prototype-level' code - that is, the bare bones of a layout that is ready to add interactivity with Javascript or jQuery. It's certainly not production-ready code, but it uses sneaky tricks to provide a 'pixel-perfect' layout for a bit of slapdash prototyping in mind.
bodgenator.co

Answer 5

Try Adobe Edge Animate. After creating the animation, you can immediately give it to the production developers.