Adobe Creative Cloud All-in-One For Dummies, 2nd Edition

Chapter 8

Creating Interactivity in Adobe XD

IN THIS CHAPTER

Creating links

Creating transitions between screens

Previewing your prototype

Now that you have some practice creating UI elements in XD, you can start adding interactivity in the form of links from one clickable element to a new screen. This interactivity is created in the Prototype mode in Adobe XD. You can use the links that you make in the Prototype mode to demonstrate your information architecture, navigational functions, or changes to objects when users click on them, like a change in a button or the visibility of a menu.

Entering Prototype Mode

If you have been working in XD, you might have a file ready to start working on. If not, you can find a file to use for this chapter at www.agitraining.com./dummies. Look for the XD-Files folder inside the DummiesCCfiles folder. In this example, the file named BabyAnimalsApp can be used. To enter Prototype mode, follow these steps:

1. Open a file that has multiple artboards or open the BabyAnimalsApp that was created for this section. This sample prototype, shown in Figure 8-1, is a simple three-screen project that offers you the opportunity to create links from one screen ...