Visual hierarchy & spacing in webdesign | Gil Huybrecht | Skillshare

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

    • 2. Why is visual hierarchy important?

    • 3. Different ways of visual contrast

    • 4. My grouping principle

    • 5. Whitespace and balance

    • 6. Exercise: Briefing/Subject

    • 7. Exercise: Wireframes

    • 8. Exercise: Making the design

    • 9. Class project

    • 10. Round up

    • 11. Bonus lesson: Making a dribbble shot

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!





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Gil Huybrecht

Ui & UX designer, Branding

Hi everyone, my name is Gil Huybrecht. I'm a UI/UX designer & skateboarder from belgium. I have several years of experience designing websites and brands for various clients. Have a great day and let's make something awesome together!

See full profile

Report class