Most apps follow the same interface design principles—principles defined in the iOS, Android, and Windows Phone specifications. Prototyping your interface with tools like Illustrator and After Effects can ensure your app meets platform guidelines and help you resolve usability issues before going through a lengthy development cycle. 

In this course, Andy Needham shows how to create an app interface from scratch using Adobe Illustrator, and then take the finished design into After Effects for animation. This is a start-to-finish project, going from concept sketches to the final product (an animated GIF). The prototype will showcase the navigation and interactive aspects of the app interface and can be used for marketing or gathering client and user feedback.

 

Topics include:

• Sketching ideas
• Planning ahead: knowing your target output
• Designing screens in Illustrator
• Preparing artwork for After Effects
• Creating reusable components
• Building and animating screens
• Adding transitions and gesture animations
• Exporting the final sequence as an animated GIF