Use Adobe XD to make your designs understood
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.
That's why you're in the right place in this Adobe XD tutorial
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:
- Great for switching to Adobe XD: Use the tutorial to quickly switch from an alternative UX program to Adobe XD.
- Perfect for getting started with Adobe XD: Take your first steps in experience design and create your own user interfaces directly.
- Better team collaboration: Learn how to share your prototypes with others using Adobe XD. A huge advantage for your collaboration with programmers and developers, for example!
- Use the full potential of the Creative Cloud: Like Adobe Dimension CC, Adobe XD is a relatively new program. Try it out and maximize the possibilities of your CC subscription!
The contents: Interface and experience design, wireframing and prototyping
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.