O'Reilly logo

Adobe Creative Cloud All-in-One For Dummies, 2nd Edition by Christopher Smith, Jennifer Smith

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 8

Creating Interactivity in Adobe XD

IN THIS CHAPTER

check Creating links

check Creating transitions between screens

check 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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required