Mockup A Homepage with Adobe XD (Nov 2018)

Rob Willey, UI and UX Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
40 Lessons (2h 23m)
    • 1. Intro

      1:02
    • 2. Video Labels

      0:59
    • 3. XD in the Ecosystem

      1:07
    • 4. Prototyping

      1:37
    • 5. Prototype Uses

      1:29
    • 6. Inspiration & Process

      1:49
    • 7. Sketching

      5:28
    • 8. Choosing a Project

      1:57
    • 9. Uploading Projects

      1:32
    • 10. Getting XD

      0:50
    • 11. XD Interface

      2:50
    • 12. XD Skill: Navigation

      1:59
    • 13. XD Skill: Adding Colors

      2:16
    • 14. XD Skill: Adding Photos

      3:54
    • 15. XD Skill: Shapes

      4:19
    • 16. Adding Shapes

      5:21
    • 17. Fonts

      1:36
    • 18. XD Skill: Text

      5:08
    • 19. Add Text to the Mockup

      4:46
    • 20. XD Skill: Merging & Converting Text to Outlines

      3:22
    • 21. XD Skill: Cutout Text

      4:10
    • 22. Buttons and Menu

      7:07
    • 23. General Cleanup

      6:23
    • 24. Intro to global styles

      2:55
    • 25. XD Skill: Assets, Colors, and Character Styles

      6:53
    • 26. XD Skill: The Pen Tool

      6:44
    • 27. The Pen Tool in Action

      10:33
    • 28. Adding a Curved Shape

      4:07
    • 29. XD Skill: Masking Images

      3:20
    • 30. Adding a Circular Image

      4:48
    • 31. XD Skill: Gradients

      2:36
    • 32. Adding a Contact Form

      6:10
    • 33. Creating a Menu

      5:43
    • 34. XD Skill: Menu Prototype

      5:33
    • 35. XD Sharing Prototypes

      4:02
    • 36. XD Skill: Exporting

      1:36
    • 37. XD Skill: Repeat Grid

      2:55
    • 38. XD Skill: Paste in Place

      1:23
    • 39. XD Skill: Prototyping II

      2:15
    • 40. Conclusion

      0:15

About This Class

In this class, you’ll learn how to create a homepage mockup using Adobe XD. The class covers both the basics of designing websites and the essentials of XD. New designers will learn some basic and how to apply them in Adobe XD. More experienced designers will learn some of the interesting and exciting features of one of Adobe’s newest products.