iOS mail/notes delete animations in Axure


#1

I am trying to recreate the iOS animation similar to when you delete an email in the Mail application or delete a note in the Notes application, how it falls into the trash icon and the trash can shakes a bit. I want to use elements of this animation in my prototype, so when a user closes a notification, the bubble zips straight to the previous notification tab and the wording shakes a bit. I know this is a complex animation and I was not able to find anything close to what I want to build in Axure, so not entirely sure if it is possible.

If it is not possible, recommendations for other prototyping tools to create this animation to make this possible would also be appreciated, thanks!


#2

I thought this would be an interesting challenge. I don’t think I can perfectly replicate this transition but I think I got pretty close.

http://em9y80.axshare.com/#g=1&p=home

In case it’s what you’re looking for I’ve attached the RP file.

EmailTrash.rp (58.4 KB)

If you’re looking for absolute realism I would recommend Framer. It’s not for the light of heart though.


closed #3

unlisted #4