Adobe XD makes your app and website designs interactive without any coding! Turn your ideas into tangible prototypes that you can immediately comment on, share with others and discuss further. In this five-hour Adobe XD tutorial by Stefan Riedl, you will learn how to use the software for experience design and prototyping - step by step and with ease!
Show how your app and website should work! - Learn how to use Adobe XD with the tutorial, and your designs will be clickable right away!
Start the tutorial and let yourself be guided immediately to your first interactive Adobe XD designs in five illustrative hours. Your trainer Stefan Riedl has the user interface, the range of functions and the workflow for using the software in mind - and has prepared everything essential for you in a compact format.
Whether you're new to UX and UI or not, the Adobe XD tutorial is aimed at both beginners and newcomers. The goals of the tutorial are set: Firstly, get to know Adobe XD itself. Secondly, learn the basics of experience design, wireframing and prototyping. And thirdly, acquire the knowledge and skills to present your designs interactively in the future:
The Adobe XD tutorial starts with the basics, takes you back to the practical application and leaves you with the skills to create your own interactive app and website designs in the future.
At the beginning, you will get to know Adobe XD at a glance. Take a look at the user interface together with your trainer and find out what is important when working with artboards, grids, colors, assets, shapes and the available UI kits. These are the elements from which you create your designs. Practical: Stefan Riedl creates the design of a one-pager in the tutorial, where all the basics are presented once again.
In the following, you will tackle the second main topic of Adobe XD - linking your designs. With the help of wireframing , you specify what should happen in the app or on the website when users press a button, for example. Dynamic animations included! This section is particularly important for clients in order to quickly understand how the flow of an application actually looks. Your trainer will go into the menu design for smartphone displays as well as for the desktop view and round off the section with the partial creation of a high-fidelity prototype using a store example.
Finally, you play out the real advantage of Adobe XD : You visualize first to yourself and then to others how your design works - how it behaves in interaction with the user. Create a preview with your own comments. Or: Share your UX design with project participants so that they can try out and comment on your prototype themselves . You can also view and review your prototype live on your smartphone or tablet to get a very realistic feel for the application in a natural environment.
Understand & apply effectively
More style, more power, more templates!
Create stunning designs in seconds
Full power, more inspirations, maximum WOW effect!
Live your layout now!
Save time with artificial intelligence
Master the vectors
Artificial intelligence in practice