Adobe Animate for UX Design

Introduction

• Using Animate for UX design
• Why Animate for UX?
• Using the exercise files

1. Project Setup

• Creating a new document
• Modifying document properties
• Configure rulers and grids
• Using guide layers

2. Working with Shapes and Text

• Drawing simple shapes
• Modifying shape properties
• Adding text to your document
• Defining reusable color swatches

3. Building Reusable Assets

• Creating graphic symbols
• Defining symbol states
• Instantiating design states
• Building interactive states

4. Using the Timeline to Define Screens

• Preparing the document timeline
• Building screen content
• Importing Bitmap assets
• Working with layers
• Designing multiple screens
• Exporting screens

5. Prototyping Experiences

• Designing navigation elements
• Linking between screens
• Animating interactions
• Publishing and exporting

Conclusion

• Further information