3

I'm new to web design. I'm studying white space but I haven't found yet a clearer explanation of what space is and when I need to use it.

The tutorial that I've read only said that white space is necesary and I have to use it to focus the attention of users in the UI. I'm not sure in which cases I should use it.

Also, the explanation that I have shows a couple of examples of pages that apply white space well but I still don't know why in that case white space was used and why in another cases it's not good.

2
  • 2
    White space is all the empty areas – joojaa Jun 20 '20 at 18:49
  • In a nutshell - it allows your page / screen elements to breath and used well can create focus. It isn't specific to web design or even graphic design... I was first taught it at art college for life drawing and still life painting - the space in and around a figure / object is just as important a consideration as the object itself. Rather than looking for a snapshot answer I would invest in your art and design learning - start with Henri de Toulouse-Lautrec who was a highly influential bridge between the two. – Applefanboy Jun 26 '20 at 9:25
5

Looking at any design, be it a website, flyer, brochure, poster, anything on paper or on screen, whitespace is literally what the name says: all the unoccupied space surrounding everything else on the design.

Whitespace does not need to be white, it can be black or pretty much any color, the term refers more to that space in a design which is empty of any other graphic elements, like a blank background area.

In a good design, whitespace is many times intentionally manipulated and adjusted to separate between navigation and content, to break actual content into sections, or to direct attention to (or away from) specific elements on the design.

Just a random article that illustrates this:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.