Designing and Prototyping a Mobile App with Adobe XD

In this course, learn how to design a mobile app, and then prototype that same app directly in Adobe Experience Design (XD) CC. Paul Trani shows how to lay out a screen design, explaining how to create graphics and use text, as well as how to import vector and bitmap graphics into a design. He demonstrates how to create complex screen designs, complete with repeated lists and grids that are as simple to change as they are to create. Once you finish your design, Paul shows how to link different screens together to prototype your app—complete with interactions that transition to different screens and back. The end result is a fully-designed prototype that can be used as the guide for the actual app. Plus, he demonstrates how to share your app with others to receive feedback, and how to export content—artboards, screens, and assets—for use elsewhere.

Topics include:

• Building multiple screens of different sizes
• Creating graphics and text in Adobe XD
• Importing graphics
• Using a repeat grid for easy prototyping of lists and recurring elements
• Adding interactions to elements
• Creating transitions between screens
• Sharing and getting feedback
• Exporting artboards and assets

About the Author

For the past 15 years, Paul Trani has been developing interactive projects for agencies and corporations.

He evolved from humble beginnings with Play-Doh and crayons to become the go-to guy for creative development and training. Paul has worked directly with Adobe and other companies as a presenter and trainer because of his technical abilities and his passion for the industry. He has created numerous Adobe eSeminars, which he uses for self-evaluation, and he is constantly learning new hardware and software.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 24m
• Instructor: Paul Trani