YoVDO

Prototyping Microinteractions with Adobe Animate

Offered By: LinkedIn Learning

Tags

Adobe Animate Courses Animation Courses Prototyping Courses Interaction Design Courses User Interface Design Courses UX Design Courses Motion Graphics Courses Microinteractions Courses

Course Description

Overview

Learn how to prototype gestures and design a number of useful microinteractions—including progress bars and pulsing effects—for UX design projects using Adobe Animate.

Syllabus

Introduction
  • Prototype microinteractions with Adobe Animate
  • What you should know
  • Using the exercise files
1. Preparing Your Project
  • What are microinteractions?
  • Configuring an Animate document
  • Drawing basic shapes
  • Using the timeline
  • Adding keyframes
  • Defining frame labels
2. Basics of Motion
  • Shape tweens
  • Creating symbols
  • Classic tweens
  • Easing with the Properties panel
  • Motion tweens
  • Easing with the Motion Editor
  • Using masks
3. Prototyping Gestures
  • Tap gestures
  • Double-tap
  • Long press
  • Swipe gesture
  • Pinch gesture
4. Designing Microinteractions
  • Progress bar
  • Bouncing icon
  • Icon transformation
  • Stretch and fill
  • Ripple effect
  • Pulsing effect
Conclusion
  • Further information

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