Getting Started with XD Design.
Complete the following tutorials before you begin your prototypes. Make sure you have the practice files from me, or download them from the tutorial page. The first two are the minimal basics.
- DESIGN + PREVIEW TUTORIAL
This video walks you through the interface and shows you the basics of building and previewing your application. - PROTOTYPING TUTORIAL
Prototyping takes your flat design to the next level, helping you tell a more compelling story. In this tutorial with Dani Beaumont, you’ll take a look at building out a fully interactive prototype with features like auto-animate, drag gestures and speech recognition. - COMPONENTS + LIBRARIES
Build out a library of colors, character styles and components that you can use across projects or team members. In this introductory tutorial with Dani Beaumont, you’ll go all the way from your first component to a fully published Creative Cloud Library. - COLLABORATE + PUBLISH
Learn how to publish an interactive prototype, gather feedback, and iterate on a design. In this introductory tutorial with Dani Beaumont, you’ll understand the variety of ways you and your stakeholders can interact throughout the design to development process.
Some More Helpful Tutorials
How to do hover effect in Adobe XD | Easy Tutorial
CLICK HERE: Adobe XD User Experience Design Essentials – L540
Join Brian Wood, creative thought leader and Adobe certified trainer, to learn the essentials of designing rich user experiences with Adobe XD. If you’re new to UI and UX design, this follow-along lab will progress at the right pace so you can gain the skills to start designing with popular XD features and interactivity tools.
In this lab, you’ll learn:
How to move an idea from sketches to wireframes
Essential XD features for designing for any screen
How to create and share low-fidelity prototypes for feedback
CLICK HERE: Best Practices for Using Auto-Animate in Adobe XD
The latest release of Adobe XD introduces Auto-Animate, the biggest addition to the tool’s prototyping features yet. It enables you to easily create prototypes with immersive animations. Simply duplicate an artboard, modify object properties (such as size, position, and rotation), and apply an Auto-Animate action to create an animated transition between artboards.
Resources about UI/UX Design
These are the sources that I used to introduce UX/UI Design to the class.
There are more links in these sites where you can get more in-depth information on individual topics:
Link: How to Write a UX Proposal
Link: A Complete List of UX Deliverables
This site has even more information than what I presented in class.
There are several video links that cover journey maps and about wireframes.
And links to other sites that have even more in-depth information on all of the components that we covered.
Link: 3 Simple Tips for Button Design
More information about UI/UX Design
Link: Using Storytelling for Better User Experience (Part 1)
Link: Using Storytelling for Better UX/UI Design (Part 2)
Link: How Web Design Mood Boards Impact UX
Videos
CLICK HERE: Creating, Publishing, and Sharing Design Systems with Adobe XD