Visual hierarchy & spacing in webdesign

Go to class
Write Review

Free Online Course: Visual hierarchy & spacing in webdesign provided by Skillshare is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. Visual hierarchy & spacing in webdesign is taught by Gil Huybrecht.

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