LinkedIn Learning
Free Trial Available
English
Certificate Available
1-2 hours worth of material
selfpaced
Overview
Learn how to design a mobile app, and then prototype that same app directly in Adobe Experience Design (XD) CC.
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.
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.
Syllabus
Introduction
- Welcome
- What you should know before watching this course
- Using the exercise files
- Understanding the workspace and creating your first file
- Creating graphics
- Using the drawing tools
- Adding text
- Importing vector graphics
- Importing bitmap graphics
- Masking graphics
- Creating additional screens
- Creating screens for different sizes and platforms
- Creating icons
- Using graphics from iOS UI kits
- Customizing graphics from UI kits
- Making a repeat grid
- Adding unique images for each repeat grid element
- Adding multiple columns to a repeat grid
- Adding drop shadows and blurred backgrounds
- Using repeat grid for profiles
- Using repeat grid for a ratings system
- Using and reusing symbols
- Creating multiple screens for prototyping
- Adding interactions and transitions
- Creating a menu
- Sharing and getting feedback
- Exporting artboards and assets
- Goodbye
Taught by
Paul Trani