ecommerce blog

website design tip spacing

website design tip spacing

posted in web design by Ian on 09:53 Feb 12th, 2009

(1, average: 5 out of 5)

When your new to website design there's the thought that you should fill every little piece of space on your website design with content. Empty space seems wasteful, but, in fact the opposite to this is true.
Spacing makes things clearer, cleaner, crisper and far more professional and stylish. In website design there are three aspects to space that you should consider; white space, line spacing and padding. Below is a summary of each:

White Space

Possibly one of the most important elements of any good website design is the use of white space. The term white space refers to empty space on a website page (or negative space as it's sometimes called).
White space is used to give balance, proportion and contrast to a page. A lot of white space tends to make things much more elegant and upmarket.

This "white space" does not need to be white - it is a general design term.

For more information on white space refer to the previous blog titled "the importance of white space in design"

 Line spacing

Line spacing in design terms is called leading. This term originates from the traditional process that printers used to separate lines of text, by placing bars of lead between each line.

When you lay out text on your design the space between the lines should be taken into consideration. The spacing can affect the overall look of the design, and readability of the text. Too little space between text will make your eye skip lines, and too much space will mean you will get lost when reading. You need to find a medium that will work well with the design.


Padding is the space between elements and text.

Typically with any website design, or corporate stationary, text should never touch other elements. Images, for example, should not be touching text, neither should borders or tables unless intentional.

The exception to the rule here is when text is part of a design element such as a banner or heading. Although, as a general rule, putting space between text and the rest of your website design makes it infinitely more readable and pleasant.

So if you want a professional website design that makes good use of spacing, contact the team at Advansys. We are website design specialists so with our expert advice we can make your dream design a reality. Check out our design portfolio.

Bookmark and Share
link to us

If you would like to link to this blog then please copy and paste the HTML code below into your website.

<a href="" >website design tip spacing </a>
0 Response to "website design tip spacing"

Leave a Comment
* Required fields

(Will not be published)


We're here to help... 0845 838 2700
ecommerce multi channel ecommerce mcommerce web fulfilment web design & development customer success stories about us
Supported Integrations
Integrate your business with eBay with Advansys Integration software Integrate SAP into your online business Get integrated with Amazon with our integration software Micosoft dynamics integration services for your online store integration software solutions by Advansys Sage integration solutions for your online business
United Kingdom France Italy Spain China
Advansys Live Chat
informationcontactsite credibility
advansys 2015. All rights reserved | Moderated by Diane Forster | site map | xml sitemap
Advansys have 5 out of 5 stars, based on 13 user reviews. Advansys

invalid code: please check and try again

*required fields