Use white space to its full potential and empower your designs and user experience

479 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
479
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Use white space to its full potential and empower your designs and user experience

  1. 1. .................. For the full and continued episodes please visithttp://www.mediasurgery.co.uk/video-episodes/use-white-space-to-its-full-potential-and-empower-your-designs-and-user-exp
  2. 2. Episode 1 The power of white space1
  3. 3. ● White Space = Negative space ● Space doesnt have to be white it can be any colour.1 1/10
  4. 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. 5. Large amount of white space conveys:● Luxury● Sophistication● Exclusivity 1 3/10
  6. 6. ● Creates grouping ● Creates emphasis ● Improves legibility1 4/10
  7. 7. Grouping1 5/10
  8. 8. Emphasis1 6/10
  9. 9. Legibility1 7/10
  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 gutters1 8/10
  11. 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. 12. The Fixes and Tips ● 4. Points system ( continued )10 items 9 items 8 items 7 items 1 9/10
  13. 13. Full video:http://www.mediasurgery.co.uk/video-episodes/use-white-space-to-its-full-potential-and-empower-your-designs-and-user-exp

×