YoVDO

Adobe XD: Animations

Offered By: Skillshare

Tags

Adobe XD Courses Animation Courses UX Design Courses Micro-Interactions Courses Text Animation Courses

Course Description

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

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