E-Books / Video Training →Designing an Animated App UI with Illustrator
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.
Planning the appSketching ideasDesigning reusable componentsConverting artwork to symbolsCompleting the app screensExporting artboardsPreparing for animation
(If you need these, buy and download immediately before they are delete)
- Graphic design: Designing 4 Advertisements in a series!
- After Effects: Bouncing Animated 3D Sphere
- Sempli - Animated Devices Mockup Bundle - Project for After Effects (VideoHive)
- Lynda - After Effects: Creating a Mobile App Interface 2016 TUTORiAL
- 100+ Animated Titles - Project for After Effects (VideoHive)