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

Design: Creation of Artifacts in Society
University of Pennsylvania via Coursera
Design Thinking Action Lab
Stanford University via NovoEd
Blended Learning: Personalizing Education for Students
New Teacher Center via Coursera
Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX
Usable Security
University of Maryland, College Park via Coursera