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.

Contents:

• Introduction
• 1. Creating Graphics
• 2. Adding Text and Images
• 3. Creating Additional Screens
• 4. Creating UI Elements
• 5. Repeating Content Using Repeat Grid
• 6. Using Effects and Repeat Grid Creatively
• 7. Prototyping
• 8. Sharing and Exporting
• Conclusion