Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Prototyping with Adobe XD

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Why Prototype in Adobe XD?

1:42 with Nick Pettit

When creating a new website or an app, it can be tempting to dive into code right away. However, writing code can be time consuming and expensive, especially if you have to make changes later on. Instead, it's much better to create interactive visual prototypes so you can explore how it might feel to use a product before you start doing the hard work of building it.

Get Adobe XD

Adobe XD Plans - Adobe XD is available as part of Adobe Creative Cloud in both free and paid memberships. Any edition of Adobe XD (including the free plan) will work with this course. Follow this link to review plans, create an Adobe Creative Cloud account, and download Adobe XD.

Resources

Image Files - These are the image files we'll use throughout this course. Download this file, unzip it, and look for the photos folder.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [MUSIC] 0:00
    Hi, I'm Nick. 0:09
    In this course, 0:10
    we're going to learn how to create interactive prototypes using Adobe XD. 0:11
    When creating a new website or 0:16
    an app, it can be tempting to dive into code right away. 0:18
    However, writing code can be time consuming and 0:22
    expensive, especially if you have to make changes later on. 0:25
    Instead, it's much better to create interactive, visual prototypes so 0:28
    you can explore how it might feel to use a product before you 0:33
    start doing the hard work of building it. 0:37
    Designers will often create multiple iterations of the same concept 0:40
    to explore different options and with looming deadlines. 0:44
    And the high cost of engineering finish products, it's important that 0:48
    the designers are able to iterate quickly to find the best solution, 0:52
    as soon as possible. 0:56
    Usually I like to draw websites on paper first, 0:58
    and create wire frames, which are just simple line drawings. 1:01
    But sometimes, you're working on a high profile project or you need to communicate 1:05
    using higher fidelity visuals, that more closely reflect the final result. 1:09
    And when those iterations are finished, it's just as important, 1:14
    that you're able to share your designs with the rest of the team. 1:19
    This is what makes Adobe XD a great choice. 1:22
    You can quickly block out content areas and buttons. 1:26
    Include higher fidelity visuals if necessary. 1:29
    And then hook them up into an interactive prototype that can be shared with others. 1:32
    Now, let's take a look at Adobe XD in more detail. 1:38

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up