Share Description
In this course, you will learn:
- How to prototype gestures and design a number of useful microinteractions for UX design projects using Adobe Animate.
- How to prototype common gestures such as the double tap and long press.
- How to design a variety of microinteractions, including stretch and fill, icon transformation, and bouncing icons.
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
