Prototyping Microinteractions with Adobe Animate

Offered By: LinkedIn Learning

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

3D Graphics in Android: Sensors and VR
Imperial College London via Coursera Add Gore to Your Game in Unity
Coursera Project Network via Coursera Introduction to Web Applications
Akamai via Coursera Anima Podi : À la recherche du rebond parfait
Gobelins, l'école de l'image via France Université Numerique Animation for Game Development Using PyGame
Coursera Project Network via Coursera