Adobe XD Tutorial: Experience Design
Adobe XD Tutorial - Experience Design and Prototyping
Language: German

Adobe XD Tutorial - Experience Design and Prototyping

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!

  • From idea to prototype: How to create interactive designs with Adobe XD
  • For an easy start: learn how to use artboards, colors, UI kits and more.
  • Prototyping and wireframing: How to combine your artboards into a user experience
  • Practical application: Put what you have learned into practice using two sample projects
  • For smooth collaboration: How to comment and share your prototypes with others
  • Working with Adobe XD, brought to the point by Stefan Riedl in 5 goal-oriented hours
  • Bonus: Everything you need to know about what's new with the Adobe XD 19 update

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!

Details
  • Usable with:
  • content: 5 h Video training
  • Licence: private and commercial Rights of use
Categories
Design (illustration, layout & printing)
Created with love by:
Stefan Riedl Stefan Riedl

Examples of use

  • Screens with UX design, illustration for the Adobe XD tutorial - Experience Design and Prototyping
    Open gallery
    Example: Learn how to create UI designs and link them to interactive prototypes.
  • Smartphone with UX design, illustration for the Adobe XD tutorial - Experience Design and Prototyping
    Open gallery
    Example: Learn how to create user interfaces for smartphone displays and desktop views in Adobe XD.
  • Smartphone with UX design, illustration for the Adobe XD tutorial - Experience Design and Prototyping
    Open gallery
    Example: Get into the concrete application of Adobe XD in two sample projects.
  • Adobe XD Tutorial: Experience Design and Prototyping

    New features in Adobe XD 19

    Details of the content

    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.