Last year we’ve seen a lot of simple, even minimalistic designs, which impress not with the amount of presented information but with the way the information is actually presented. Complex layouts are giving way to simple 2-col- or 3-col layouts, which usually have large amount of white space without any content whatsoever.
Indeed, the importance of both white space and simplicity shouldn’t be underrated. Used correctly, they can enhance the performance of a web-site, improve readability and make a great first impression. Recently Mark Boulton has written an insightful article about Whitespace1 and its importance in web design. Very well written, it describes in a very simple, but clear way, how to deal with white space in practice and how to use it in your web-projects. We’ve collected some more articles on this topic. So what do we have?
Links checked: June/16 2008.
- Keep it simple2
Why does a page look complex? A brief article about the “exciting design vs. simple design”-question.
- Keep it simple, stupid!3
Describes the importance of simplicity regarding the way human brain works.
- Simplicity: The Cobbles of the Designer’s Path4
Stepheen Van Doren about wrong and correct use of simple solutions.
- Simplicity Is Highly Overrated5
Don Norman criticizes that the simplicity and minimalism lead to less functions and decrease the total performance of products.
- The Beauty of Simplicity6
Google is simple. But how did its developers achieve it?
- The Complexity of Simplicity7
Luke Wroblewski describes a complex path to simplicity, its features and reasons, why the simple solutions are more complex than complex solutions.
- The Laws of Simplicity8
John Maeda presents 10 excerpts from his book, in which he talks about rules and principles of ‘Simplicity’.
- Wikipedia: Simplicity9
Explains what simplicity is and related information about the topic.
White Space (Negative Space):
- Design Matters: White space
About the potential power behind Negative Space.
- ALA: Whitespace10
An excellent introduction to the theory and use of whitespace, by Mark Boulton
- Design Psychology11
An insight in the psychology of web design. Among other information White Space is analyzed.
- Developing the Invisible12
Luke Wroblewski gives examples of situations, in which white space is essential and explains, why it is indeed so significant.
- Give me my web space13
Molly E. Horzschlag gives guidelines, which can help you to reduce the complexity of your web-sites and improve its readability.
- Negative Space Tutorial14
This tutorial explains, how you can use White Space efficiently.
- On White Space in Graphic Design15
Keith Robertson about fields and areas, in which Negative Space dominates – primarily graphic design.
- Page Layout and Design for Digital Scrapbooking16
Carla Rose about the importance of White Space.
- Psychology Studies on Human Interaction17
Studies in psychology confirm: White Space improves the perception of information by 20%.
- The Importance of White space for Legibility18
This study compares 4 White Space Layouts and presents results about the influence of White Space in design.
- The value of white space19
Offers a detailed introduction in the theory of white space, with examples.
- Typography and White space20
White Space in practice: how can you guarantee an optimal legibility with CSS?
- Under The Loupe #1: White Space21
Jason Santa Maria: “Empty space serves a purpose and supports the visual integrity of a layout.”
Simplicity and White Space in Practice:
- Global White Space Reset22
Global Padding/Margin Reset in CSS-files can be used as a template for your web-projects.
- The Best Minimalist WordPress Themes23
A collection of hand-picked WordPress-Themes, which impress with their simplicity, clarity and readability.
- 1 http://alistapart.com/articles/whitespace
- 2 http://www.digital-web.com/articles/keep_it_simple/
- 3 http://www.digital-web.com/articles/keep_it_simple_stupid/
- 4 http://www.digital-web.com/articles/simplicity_the_cobbles_of_the_designers_path/
- 5 http://www.jnd.org/dn.mss/simplicity_is_highly.html
- 6 http://www.fastcompany.com/magazine/100/beauty-of-simplicity.html
- 7 http://uxmatters.com/MT/archives/000151.php
- 8 http://lawsofsimplicity.com/category/laws?order=ASC
- 9 http://en.wikipedia.org/wiki/Simplicity
- 10 http://www.alistapart.com/articles/whitespace
- 11 http://www.stylegala.com/articles/design_psychology.htm
- 12 http://uxmatters.com/MT/archives/000097.php
- 13 http://molly.com/articles/webdesign/2000-08-webspace.php
- 14 http://www.webdesignoffice.us/portfolio-and-design/q-t-title-Negative-Space.html
- 15 http://www.logoorange.com/white-space.php
- 16 http://www.samspublishing.com/articles/article.asp?p=174346&seqNum=3&rl=1
- 17 http://www.humanfactors.com/downloads/dec05.asp
- 18 http://psychology.wichita.edu/surl/usabilitynews/62/whitespace.htm
- 19 http://www.netmechanic.com/news/vol8/design_no2.htm
- 20 http://www.digital-web.com/articles/css_101/
- 21 http://www.jasonsantamaria.com/archive/2006/01/05/under_the_loupe_1_white_space.php
- 22 http://leftjustified.net/journal/2004/10/19/global-ws-reset/
- 23 http://www.plaintxt.org/2006/06/13/the-best-minimalist-wordpress-themes/