Embedded Files
VAXD:0 Fast Getting Started
VAXD:0 Fast Getting Started
The video to the left is the first video of a playlist, which you can access here.
Complete ALL of the linked video tutorials in the playlist.
VAXD:1 Getting Started with XD
VAXD:1 Getting Started with XD
01: Create and style an artboard.
02: Import content with Repeat Grid.
03: Define interactivity.
04: Reuse colors and character styles.
05: Final touches.
Complete the linked tutorial to get started with Adobe XD: make sure you download the tutorial files before starting. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:2 Prototyping in XD
VAXD:2 Prototyping in XD
01: Wire artboards.
02: Add Auto-Animate transitions.
03: Use Drag gestures for transitions.
04: Add overlays to simulate UI elements.
05: Voice triggers and speech playback.
Complete the linked tutorial to get started with Adobe XD: make sure you download the tutorial files before starting. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:3 Using Components and Libraries
VAXD:3 Using Components and Libraries
01: Create design components.
02: Vary component instances.
03: Nest and swap components.
04: Publish a library.
05: Browse a library.
Complete the linked tutorial to get started with Adobe XD: make sure you download the tutorial files before starting. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:4 Collaboration
VAXD:4 Collaboration
01: Publish a prototype.
02: Gather stakeholder feedback.
03: Export your design.
04: Review Design Specs.
Complete the linked tutorial to get started with Adobe XD: make sure you download the tutorial files before starting. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:5 Business Website Tutorial
VAXD:5 Business Website Tutorial
Design and prototype a website for a fictional business.
0:00 - Intro
1:17 - You want to learn UI/UX?
2:09 - XD Interface Overview
10:42 - Background Photograph
13:17 - Navbar Design
33:50 - Hero Section Design
49:20 - Finalizing the Design
53:30 - Lottie Animation
57:20 - Other Prototyping
1:00:14 - Final thoughts
Complete the linked tutorial to get started with Adobe XD: make sure you download the tutorial files before starting. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:6 How To Wireframe
VAXD:6 How To Wireframe
Learn how to wireframe in this Adobe XD tutorial. I share my wireframing process for a website as redesign the homepage of my portfolio site. I start with sketching simple wireframes in Procreate on an iPad Pro. Then I create low fidelity wireframes in Adobe XD.
Complete the linked tutorial to get started with Adobe XD. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:7 Animation Tutorial
VAXD:7 Animation Tutorial
In this Adobe XD animation tutorial, you will learn how to create animations but not only – you will see how you can co-operate between Photoshop and XD to make a perfect web or app design that is animated.
Complete the linked tutorial to get started with Adobe XD. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:8 App Login/Sign up Page
VAXD:8 App Login/Sign up Page
In this Adobe XD tutorial, you’ll learn how to create a Signup Page that is compatible with mobile devices. You will also have two app prototypes available.
The most important key takes are the way you use spacing appropriately, aligning, and creating gradients. It’s a very simple tutorial but it will do a good job to introduce you to app design.
Complete the linked tutorial to get started with Adobe XD. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:9 Design & Prototype a Game Menu
VAXD:9 Design & Prototype a Game Menu
This tutorial will demonstrate how to design a game user interface in Adobe XD. We will also take a look at how to create and animate everything for the final prototype.This video is sponsored by MSI. Be sure to download the project files in the youtube video description.
Complete the linked tutorial to get started with Adobe XD. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
VAXD:10 Smart Home App Design
VAXD:10 Smart Home App Design
This video is all about Smart Home App UI Design in Adobe XD with vibrant gradient color combinations. The circular control UI, Slider Button UI, Tab design UI and Card design UI all in one tutorial. Be sure to download the project files in the youtube video description.
Complete the linked tutorial to get started with Adobe XD. To earn credit for this module submit a screenshot showing your final design AND your final XD final (uploaded into Google Drive)
Page updated
Report abuse