Link – Emotions In Motion

Apps UI motion design tutorials

Here are some useful resources for all of you who are making apps:

Creating a UI/UX Motion Study in After Effects

http://www.digitaltutors.com/tutorial/1801-Creating-a-UI-UX-Motion-Study-in-After-Effects

Digital tuts + : You can sign up for free

2. Transitions:

Lynda tutorials ( free with nyu account)

lynda.com – Learn how to prototype an app interface using Adobe Illustrator, and then take the finished design into After Effects for animation.

lynda.com – learn how to create an animated promo video that helps visualize how a mobile app will be used on a real device, using this screen replacement workflow in After Effects.

Alternative tools for motion prototyping

There are some other awesome tools that let you add motion to your app designs out there. This is mostly for traditional apps but feel free to explore them. The benefit is that you work with motion modules and that they are interactive:

Facebook- Origami
Price: Free

Origami was originally developed by Facebook to help the team build and design products. Now it’s available for free: you can register as an Apple developer, then download and install Xcode with Quartz Composer to get Origami to run on a Mac

Flinto
This mobile app prototyping tool for the Mac allows you to rapidly link screens and apply animated transitions. It has many animation-transition properties that can be fine-tuned to get motion just right. Iterating in this screen-flow prototyping tool is easy by dragging and dropping new screens on top of old ones.
Principle
This prototyping tool for mobile apps, also for the Mac, allows you to use a timeline to keyframe animated transitions.

Proto.io
This browser-based app includes some sophisticated animation abilities. Through the use of “interactions” and “states,” a designer can prototype complex motion and can even create keyframe-like animations.

Form ( now owned by Google)

Build and customize native prototypes directly on device.

http://www.relativewave.com/form/examples/