Prototyping Microinteractions with Adobe Animate

Focused View

Joseph Labrecque

1:50:45

141 View

01 - Introduction

01 - Prototype microinteractions with Adobe Animate.mp4

00:48

02 - What you should know.mp4

00:39

03 - Using the exercise files.mp4

00:47

02 - 1. Preparing Your Project

01 - What are microinteractions.mp4

01:10

02 - Configuring an Animate document.mp4

03:56

03 - Drawing basic shapes.mp4

03:19

04 - Using the timeline.mp4

04:28

05 - Adding keyframes.mp4

03:07

06 - Defining frame labels.mp4

02:15

03 - 2. Basics of Motion

01 - Shape tweens.mp4

05:13

02 - Creating symbols.mp4

02:43

03 - Classic tweens.mp4

02:03

04 - Easing with the Properties panel.mp4

04:04

05 - Motion tweens.mp4

03:17

06 - Easing with the Motion Editor.mp4

03:32

07 - Using masks.mp4

04:44

04 - 3. Prototyping Gestures

01 - Tap gestures.mp4

05:53

02 - Double-tap.mp4

03:29

03 - Long press.mp4

06:09

04 - Swipe gesture.mp4

06:09

05 - Pinch gesture.mp4

06:10

05 - 4. Designing Microinteractions

01 - Progress bar.mp4

06:36

02 - Bouncing icon.mp4

05:01

03 - Icon transformation.mp4

05:01

04 - Stretch and fill.mp4

06:23

05 - Ripple effect.mp4

07:00

06 - Pulsing effect.mp4

06:18

06 - Conclusion

01 - Further information.mp4

00:31

Description

Progress bars, ripple and pulsing effects, and other microinteractions should achieve a single task, and do so in a way that feels unobtrusive. But while these elements may be understated, they play an important role in a user's overall experience with your project. In this course, join Joseph Labrecque as he demonstrates how to prototype gestures and design a number of useful microinteractions for UX design projects using Adobe Animate. Explore the basics of creating motion within Animate, as well as how to prototype common gestures such as the double tap and long press. Finally, learn how to design a variety of microinteractions, including stretch and fill, icon transformation, and bouncing icons.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

User Interface

Joseph Labrecque

Instructor's Courses

Joseph Labrecque is a creative developer, designer, and educator with nearly two decades of experience creating expressive web, desktop, and mobile solutions. He joined the University of Colorado Boulder College of Media, Communication and Information as faculty with the Department of Advertising, Public Relations and Media Design in Autumn 2019. His teaching focuses on creative software, digital workflows, user interaction, and design principles and concepts. Before joining the faculty at CU Boulder, he was associated with the University of Denver as adjunct faculty and as a senior interactive software engineer, user interface developer, and digital media designer. Labrecque has authored a number of books and video course publications on design and development technologies, tools, and concepts through publishers which include LinkedIn Learning (Lynda.com), Peachpit Press, and Adobe. He has spoken at large design and technology conferences such as Adobe MAX and for a variety of smaller creative communities. He is also the founder of Fractured Vision Media, LLC; a digital media production studio and distribution vehicle for a variety of creative works. Joseph is an Adobe Education Leader, Adobe Community Professional, and member of Adobe Partners by Design. He holds a bachelor’s degree in communication from Worcester State University and a master’s degree in digital media studies from the University of Denver.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.