Visual hierarchy & spacing in webdesign
Gil Huybrecht, Ui & UX designer, Branding
-
-
Intro
1:08 -
Why is visual hierarchy important?
1:18 -
Different ways of visual contrast
2:19 -
My grouping principle
2:58 -
Whitespace and balance
2:10 -
Exercise: Briefing/Subject
0:53 -
Exercise: Wireframes
4:13 -
Exercise: Making the design
50:00 -
Class project
0:57 -
Round up
0:46 -
Bonus lesson: Making a dribbble shot
3:19
-
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!
Class Projects 73 See All
Students
Projects
-
- --
- Beginner
- Intermediate
- Advanced
- All Levels
- Beg/Int
- Int/Adv
Level
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.
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!