Responsive Web Design with Adobe XD – Tutorial for Beginners

FULL VERSION of this VIDEO TUTORIAL you can see at: https://bit.ly/2NAeLZE

Learn how to create a responsive design in Adobe XD to define the overall structure of your website or app. Then, refine the design to convert it into a high-fidelity prototype.

Topics include:
– Start with a low-fidelity design;
– Plan the flow of your app;
– Draw icons and work with graphics;
– Create your high-fidelity design;
– Set columns and margins using layout grids;
– Align content with square grids;
– Start your design with UI kits;
– Create scrollable artboards.

Sample files to practice:
https://learndownload.adobe.com/pub/learn/xd/xd-getting-started-series.zip
https://learndownload.adobe.com/pub/learn/xd/layout-grids.zip
https://learndownload.adobe.com/pub/learn/xd/square-grids-to-align-content.zip

You May Also Like