Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Adobe XD: Animations

via Skillshare

Overview

In this class we'll be going over the auto-animate feature in abode xd to create animations for our fake email product: Snail Mail. This class will cover a wide variety of animation tips and tricks that can be applied to other UI's. I've included both the "start" and "finish" files for the class, so feel free to grab those and learn at your own pace. See examples of what you'll learn below:

Get the Start file here: Snail Mail Animation - Start

Finished file: Snail Mail Animation - Finished

Slider Animations:

Micro-Interactions:

Text / Mask Animations:

Button Presses / States:

Syllabus

  • Intro: Adobe XD Animations
  • Sign in: Basic Animations
  • Sign in: Text Animation
  • Sign in: Pressed Button State
  • Inbox: Repeat Grid & Scrolling
  • Sent: Repeat Grid & Button States
  • Compose New Email: Overlay & Button States
  • Settings: Slider
  • Receiving New Email: Notification animation
  • Receiving New Email: Micro-interaction
  • Outro

Taught by

Matt Ward

Reviews

Start your review of Adobe XD: Animations

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.