White space is also known as negative space. Negative space is a better description as the word white is a little confusing. It implies that only that colour (white) can be used, but in fact any colour at all in the colour spectrum can be applied

1. ..................
For the full and continued episodes please visit
http://www.mediasurgery.co.uk/video-episodes/use-white-space-to-its-full-potential-and-empower-your-designs-and-user-exp

2. Episode 1
The power of white space
1

3. ● White Space = Negative space
● Space doesn't have to be white it can be any colour.
1 1/10

4. Think of being in a crammed lift.
Along the same lines good white spaces allows you to relax and breathe easily.
It gives a healthy and respectful relationship between the elements.
1 2/10

5. Large amount of white space conveys:
● Luxury
● Sophistication
● Exclusivity
1 3/10

6. ● Creates grouping
● Creates emphasis
● Improves legibility
1 4/10

7. Grouping
1 5/10

8. Emphasis
1 6/10

9. Legibility
1 7/10

10. The Fixes and Tips
● 1. Quick win : Legibility
A good approximation is 150% the font size so:
● 12px font = 18px line-height
● 16px font = 24px line-height
● 2. Use a grid system
Very generous proportions to margins and gutters
1 8/10

11. The Fixes and Tips
● 3. Crucial?
Go through every bit of text and element and think is this really crucial?
● 4. Points system
Start a points total of 20.
Give a value to every element or independent section of the page a value adding up to a total of 20.
The most important elements have the highest number of points.
This allows you to refine and possibly remove elements and give more emphasis to the
important sections.
The moral here is for everything you remove, it adds more points
and therefore power to the other elements
1 9/10

12. The Fixes and Tips
● 4. Points system ( continued )
10 items
9 items
8 items
7 items
1 9/10

13. Full video:
http://www.mediasurgery.co.uk/video-episodes/use-white-space-to-its-full-potential-and-empower-your-designs-and-user-exp