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.
Image Files - These are the image files we'll use throughout this course. Download this file, unzip it, and look for the photos folder.
[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