Adobe Animate for UX Design

Adobe Animate for UX Design

1h 36mIntermediate2020-07-20

Authors

Joseph Labrecque

Joseph Labrecque

University Professor, Adobe Educator, Studio Head

Course details

There are many tools for UX design. But few offer the ability to create sophisticated motion, build reusable assets, and incorporate rich media. Adobe Animate has all of these features and more, which makes it the ideal platform for designing and developing interactive user experiences. Learn how you can use Adobe Animate in your UX work, from concepts and prototyping to design and animation. Instructor Joseph Labrecque shows how to set up and configure an Animate project for UX; work with vector shapes, colors, and text; create reusable assets for scalable design work; build and link screens to prototype app and web experiences; and use the timeline and animation features in Animate to make your experiences fully interactive. Plus, learn how to export assets from Animate for downstream design and code implementation.

Topics include:
Setting up a UX project in Animate
Drawing simple shapes
Adding text
Creating symbols
Building interactive states
Defining screens in the timeline
Linking between screens
Animating interactions
Publishing and exporting your project

Skills covered

Adobe AnimateInteractive Web ContentWeb GraphicsUX DesignWeb DesignUser ExperiencePersonaAdobeWeb Development

Concepts

Introduction

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

Project Setup

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

Working with Shapes and Text

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

Building Reusable Assets

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

Using the Timeline to Define Screens

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

Prototyping Experiences

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

Conclusion

  • Further information
40,000 Toman