Adobe Animate: Designing Interactive Experiences

Learn how to prototype engaging, interactive apps and web experiences using the tools in Adobe Animate.

Introduction

• Welcome
• What you should know
• Using exercise files

1. Animate Design Fundamentals

• Document properties overview
• Drawing on the stage
• Understanding the Timeline
• Specifying a color set

2. Building a UI Library

• Design a simple button
• Component design considerations
• Create a set of button variants
• Building a toggle switch
• Mocking up a list component
• Drawing a slider
• Text layout

3. Creating Timeline Views

• Designating screen views
• Importing additional content
• Manipulating the views
• Creating view symbols
• Building persistent navigation

4. Adding Interactivity

• Naming symbol instances
• Creating an actions layer
• Navigating to different views
• Animating nested elements
• Making nested elements interactive
• Targeting nested elements

5. Animating Interactive Views

• Extending frame spans
• Animating transitions with overlays
• Preparing for direct transitions
• Animating direct transitions
• Preparing for camera transitions
• Animating with camera transitions

6. Prototypes for Web and Mobile

• Publish for desktop
• Publish for mobile
• Converting for the web
• Rewriting interactivity

Conclusion

• Goodbye