Adobe Xd Masterclass: Design a Mobile App & Website Wireframe | Lindsay Marsh | Skillshare

Adobe Xd Masterclass: Design a Mobile App & Website Wireframe

Lindsay Marsh, Teacher & Freelance Designer 14+ Years ✅

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Lessons (3h 3m)
    • 1. Class Intro

      1:41
    • 2. Getting Started

      10:49
    • 3. Hero image

      7:29
    • 4. Repeat Grids

      7:35
    • 5. Creating The Footer

      9:45
    • 6. Creating Our Subpage

      10:02
    • 7. Responsive Grid

      7:33
    • 8. Prototyping

      9:39
    • 9. Sharing & Resizing

      6:11
    • 10. Mobile App Design - Setup & Ux/Ui

      6:45
    • 11. Mobile App Design - Homescreen

      8:47
    • 12. Mobile App Design - Homepage Animate

      12:40
    • 13. Mobile App Design - User Home Screen

      8:11
    • 14. Mobile App Design - User Home Screen - Part2

      7:22
    • 15. Popout Menu Design

      6:45
    • 16. Transaction Menu

      11:36
    • 17. Fine Tuning and Linking Our Design

      8:53
    • 18. Testing Your Design On Your Phone

      0:59
    • 19. Linking It All Up

      4:34
    • 20. Message Screen

      9:47
    • 21. Message Screen Part2

      11:33
    • 22. Message Screen Part3 - Animating Our Toggle Button

      4:31
    • 23. Student Project

      1:02
    • 24. Bonus Lesson - Create A Slidable Bar

      8:40
22 students are watching this class

About This Class

5ed98e96


Adobe XD is the all-in-one UX/UI solution for designing websites, mobile apps, and more. 

That means you can design and create living wireframes and work through user journeys to create believable mock-ups to present to clients or to expand your portfolio to include more user experience and user interface design projects.

As a creative, graphic designer or web developer, learning this tool can expand your marketability and help you adapt to the in demand projects using UX/UI and beyond.

This class is one part graphic design, web design and UX/UI design as I incorporate all necessary disciplines together to create believable, real world projects. 

In this class, we will design a simple desktop website layout and learn how to use the prototyping tools to create interactions between all the design artboards to create a seamless working wireframe. We will also learn the repeat grid tool to make creating complicated layouts a breeze. 

In the intermediate level of this class we will create a mobile app. We will think about our user personas to create two unique user journeys and create a fully designed and polished layout. We will learn the auto-animate features and other transition features to create menu slide out effects and buttons that look real and authentic.

I talk about the why behind my design choices as we walk together through each step.

Everything you see here you will be able to do by the end of this class.  So join me for lessons that will up your design game and give you the upper hand as UX and UI becomes the top in demand skillset.