Adobe XD Course

Adobe XD as a part of Adobe CC

One of the most striking benefits of Experience Design is the fact that it is included in a popular Adobe package - you can gain access to its functions as part of your CC subscription, and it works together with other apps in the family, such as Photoshop or Illustrator. This course is a complex analysis of Adobe XD working techniques to be used for the creation and later implementation of our project into a fully fleshed, working website, without even a single line of code!

Integration with other apps

Course lessons will show you how to exchange data between Adobe XD, Photoshop, Illustrator, and even mobile apps, which you can use to quickly prototype with your tablet or smart phone. Wireframes created this way can be easily imported to XD where you can continue your work. In Experience Design, you can use Assets panel and Creative Cloud Libraries to manage all the assets and keep them consistent in your software.

Adobe XD magic

Tools implemented in Adobe XD make interface design incredibly efficient. One of the most interesting examples is one called Repeat Grid, which lets you easily copy repeatable elements of an interface, such as tables or lists. You can even painlessly place graphic assets or texts in each of the elements of the resulting grid, by simply dragging images/text files into the application!

Design + Prototyping

Thanks to an in-built function of rapid prototyping, Adobe XD allows you to develop your project with transitions and animations for each particular screen. The preview function lets you monitor your progress in the app itself or on a connected device. You are able to quickly test implemented solutions and choose a layout optimized for the device you are currently monitoring the project on!

Sharing and feedback

Adobe XD is capable of sharing website and application prototypes. Anyone who is sent the link will be able to take a peek at a working prototype, even on their mobile devices. They will also be able to provide feedback on each Artboard, and mark specific edits or corrections.

Practical project of a website

This course focuses on the creation of a practical website project. The site advertises the intelligent home app we have worked on during our previous UI courses. However, the start might seem a bit unusual because we deal with a desktop view, then we create a responsive view and test it on a mobile phone. Next we prototype transitions and interactions for a finished project and prepare graphic assets to be exported to the Web.

Develop a web page with Adobe Muse

Course lessons will show you how to exchange data between Adobe XD, Photoshop, Illustrator, and even mobile apps, which you can use to quickly prototype with your tablet or smart phone. Wireframes created this way can be easily imported to XD where you can continue your work. In Experience Design, you can use Assets panel and Creative Cloud Libraries to manage all the assets and keep them consistent in your software.