Author
Joseph Labrecque
Released
7/20/2020- 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
Skill Level Intermediate
Duration
Views
- [Joseph] User experience design is a hugely popular field of interest and there are a growing number of software applications that allow practitioners to form various user experience constructs. Adobe Animate makes it easy to get creative within the field of user experience design with time-tested design tools and even interactive motion work flows. I'm going to show you how to work within Adobe Animate to configure a multi-screen UX Design project from scratch. Using the vector and type design tools within the software, we'll explore the creation of design assets and use these components as common building blocks. We'll also explore segmenting our design to different screens through the use of the timeline. And we'll even prototype interactions across our experience. I'm Joseph Labrecque and I've been working with Adobe Animate and Flash Professional before that for well over 15 years. If you're ready to start designing user experiences using a fun and approachable creative tool set then come join me in my LinkedIn Learning course on UX Design with Adobe Animate.
-
Introduction
-
Using Animate for UX design1m 14s
-
Why Animate for UX?1m 23s
-
-
1. Project Setup
-
Creating a new document3m 15s
-
Configure rulers and grids2m 49s
-
Using guide layers4m 24s
-
-
2. Working with Shapes and Text
-
Drawing simple shapes2m 17s
-
Modifying shape properties3m 10s
-
Adding text to your document2m 18s
-
-
3. Building Reusable Assets
-
Creating graphic symbols2m 24s
-
Defining symbol states4m 39s
-
Instantiating design states2m 55s
-
Building interactive states4m 58s
-
-
4. Using the Timeline to Define Screens
-
Building screen content4m 39s
-
Importing Bitmap assets4m 24s
-
Working with layers2m 42s
-
Designing multiple screens7m 24s
-
Exporting screens2m 53s
-
5. Prototyping Experiences
-
Linking between screens7m 41s
-
Animating interactions7m 54s
-
Publishing and exporting3m 54s
-
Conclusion
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Using Animate for UX design