Designing and Prototyping a Mobile App with Adobe XD

Go to class
Write Review

Free Online Course: Designing and Prototyping a Mobile App with Adobe XD provided by LinkedIn Learning is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Designing and Prototyping a Mobile App with Adobe XD is taught by Paul Trani.

Overview
  • Learn how to design a mobile app, and then prototype that same app directly in Adobe Experience Design (XD) CC.

Syllabus
  • Introduction

    • Welcome
    • What you should know before watching this course
    • Using the exercise files
    1. Creating Graphics
    • Understanding the workspace and creating your first file
    • Creating graphics
    • Using the drawing tools
    2. Adding Text and Images
    • Adding text
    • Importing vector graphics
    • Importing bitmap graphics
    • Masking graphics
    3. Creating Additional Screens
    • Creating additional screens
    • Creating screens for different sizes and platforms
    4. Creating UI Elements
    • Creating icons
    • Using graphics from iOS UI kits
    • Customizing graphics from UI kits
    5. Repeating Content Using Repeat Grid
    • Making a repeat grid
    • Adding unique images for each repeat grid element
    • Adding multiple columns to a repeat grid
    6. Using Effects and Repeat Grid Creatively
    • Adding drop shadows and blurred backgrounds
    • Using repeat grid for profiles
    • Using repeat grid for a ratings system
    7. Prototyping
    • Using and reusing symbols
    • Creating multiple screens for prototyping
    • Adding interactions and transitions
    • Creating a menu
    8. Sharing and Exporting
    • Sharing and getting feedback
    • Exporting artboards and assets
    Conclusion
    • Goodbye