->

Lynda - Designing an Animated App UI with Illustrator

Lynda - Designing an Animated App UI with Illustrator
MP4 | Video: 720p | Duration: 1:44:34 | English | Subtitles: VTT | 327.3 MB

 
An animated prototype is a great way to test an app's interface design, without spending any engineering resources. In this course, Andy Needham shows how you can use Adobe Illustrator to design reusable components and screens for a mobile app prototype, which can later be animated in After Effects. He starts with the planning process, where you gather reference material, sketch your ideas, and map the user journey. Then Andy shows how to set up the project file correctly, by choosing the correct document type and organizing the artboards. Next, learn how to break down your sketches into components that can be reused throughout the app, including headers, navigation bars, and dashboard tiles. Andy shows how to convert your components into Illustrator symbols, and lay out the different app screens. Finally, he shows how to organize your project and export assets for animation.


Learn how to animate the prototype by watching Andy's follow-up course, Creating a Mobile App Interface in After Effects.

Topics include:

  • Planning the app
  • Sketching ideas
  • Designing reusable components
  • Converting artwork to symbols
  • Completing the app screens
  • Exporting artboards
  • Preparing for animation

 

Lynda - Designing an Animated App UI with Illustrator


 TO MAC USERS: If RAR password doesn't work, use this archive program: 

RAR Expander 0.8.5 Beta 4  and extract password protected files without error.


 TO WIN USERS: If RAR password doesn't work, use this archive program: 

Latest Winrar  and extract password protected files without error.


 Gamystyle   |  

Information
Members of Guests cannot leave comments.




rss