YoVDO

Adobe Animate: Designing Interactive Experiences

Offered By: LinkedIn Learning

Tags

Adobe Animate Courses Web Design Courses Animation Courses Prototyping Courses

Course Description

Overview

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

Syllabus

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

Taught by

Joseph Labrecque

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX