Learn Adobe Xd Webdesign: Design professional websites from scratch - UI UX Design | Rino De Boer | Skillshare

Learn Adobe Xd Webdesign: Design professional websites from scratch - UI UX Design

Rino De Boer, Designer & Content creator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
36 Lessons (3h 29m)
    • 1. Learn Adobe Xd Webdesign: Design professional websites from scratch - UI UX Design

      2:32
    • 2. Welcome to the course! What to expect

      1:34
    • 3. Here are your downloads (don’t forget to install fonts)

      1:59
    • 4. Adobe Interface Basics

      8:15
    • 5. Understanding Layers in Xd

      3:21
    • 6. Selecting, moving and duplicating

      4:01
    • 7. Alignment fundamentals

      7:12
    • 8. The very useful Assets panel

      4:32
    • 9. Artboards. All you need to know.

      3:47
    • 10. Where to get the latest pre-made templates

      3:52
    • 11. Getting free fonts & icons & images & color pallets & filler text

      6:53
    • 12. Preparing our first artboard & grid

      8:33
    • 13. Preparing our colours

      5:24
    • 14. Preparing our fonts

      10:54
    • 15. The big header image & menu

      9:41
    • 16. The wave shape divider

      9:29
    • 17. Floating images with shadows

      6:46
    • 18. Client Logo section with the Repeat Grid tool

      7:22
    • 19. Statistics section with empty boxes

      4:17
    • 20. Testimonial section with the pen tool

      5:35
    • 21. Call to action section with gradients

      7:39
    • 22. Footer as a reusable symbol

      3:36
    • 23. The portfolio page

      7:01
    • 24. About page part 1: A Quick Start

      7:03
    • 25. About page part 2: Tabs + Gallery

      6:25
    • 26. About page part 3: FAQ section

      4:15
    • 27. Contact page with vector icons

      6:27
    • 28. A travel website with background blur

      7:34
    • 29. A book store website with masks

      8:51
    • 30. Responsive mobile design - Part 1

      7:58
    • 31. Responsive mobile design - Part 2

      4:24
    • 32. Artboard and Element exporting

      8:11
    • 33. The Sticky Menu on top

      4:58
    • 34. Creating a prototype for web & mobile

      4:29
    • 35. Making a video and shareable link

      2:56
    • 36. Congratulations + Do you want more?

      1:33
143 students are watching this class