Visual hierarchy & spacing in webdesign

Gil Huybrecht, Ui & UX designer, Branding

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

      1:08
    • 2. Why is visual hierarchy important?

      1:18
    • 3. Different ways of visual contrast

      2:19
    • 4. My grouping principle

      2:58
    • 5. Whitespace and balance

      2:10
    • 6. Exercise: Briefing/Subject

      0:53
    • 7. Exercise: Wireframes

      4:13
    • 8. Exercise: Making the design

      50:00
    • 9. Class project

      0:57
    • 10. Round up

      0:46
    • 11. Bonus lesson: Making a dribbble shot

      3:19
80 students are watching this class

About This Class

First of all thank you for checking out the class i hope you’ll learn something about webdesign. My name is Gil and i’m user interface and user experience designer. 

This class is all about visual hierarchy in design and spacing. I’m gonna teach what different ways there are of visual hierarchy and how to use good spacing to come up with a minimal style of webdesign.

First of all i’m gonna do a small part of theory but than we’ll go over to an exercise where I will explain how you can use that theory in your work. This class is for beginning and intermediate designers that already have the basics of photoshop down.

At the end of this class you will have a good understanding of what visual hierarchy and spacing is and you will be able to use that in your work to come up with a minimalis style of webdesign. Let’s get started!