Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Visual hierarchy & spacing in webdesign

via Skillshare

Overview

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!

Syllabus

  • Intro
  • Why is visual hierarchy important?
  • Different ways of visual contrast
  • My grouping principle
  • Whitespace and balance
  • Exercise: Briefing/Subject
  • Exercise: Wireframes
  • Exercise: Making the design
  • Class project
  • Round up
  • Bonus lesson: Making a dribbble shot

Taught by

Gil Huybrecht

Reviews

Start your review of Visual hierarchy & spacing in webdesign

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.