Designing and Prototyping a Website with Adobe XD

Designing and Prototyping a Website with Adobe XD

Learn how to design a website using Adobe Experience Design CC (Adobe XD) and how to create prototypes. This course demonstrates each step, starting with how to create graphics, make page layouts, add headers, and add body text. Next, learn how to create complex screen designs with repeated lists and grids. Then, discover how to ensure your designs are flexible enough to work on multiple devices. This course also covers how to make interactive prototypes and recordings that capture how the website will work from one screen to the next, both which can be used as demos of your design and as guides for those who will build it.

Topics include:

• Using the Adobe XD workspace
• Creating and importing graphics
• Adding text and effects
• Creating multiple screen layouts
• Designing for mobile
• Repeating elements using grids
• Prototyping a single interaction
• Prototyping an entire website
• Making content scroll
• Recording a video of interactions
• Sharing prototypes
• Exporting artboards and assets