Principles of Web Design Part IV

D. Empty space

An empty space or whitespace is usually referred to as negative space, a term that describes an open space between design elements. Empty space separates or unites elements of layout, affirming an element, or as a resting place for the eye. The empty space can be found between words, paragraphs, letters from the text. Can also among the images and elements on web pages. An empty space is very big influence in a layout. Empty space like the space provided for breathing or resting.

We need to consider how much empty space around the element or between elements of one another. The first thing to note is how much space is available, then how each image and text work together within a layout. Finally, how is the overall look of the layout.

Design Without the Empty Space and the space

An empty space to help direct the reader's eyes from one point to another so that all web site content that can be enjoyed and read more comfortably. When the site appears intact on the web page, the eyes of visitors will be fixed on the section that has Whitespace more than others. This applies to text and graphics.

In the text, the title usually given the short distance to the content, and content of any given distance with the other elements (eg header, margin). In the graphic, sometimes the title is placed separate letter with elements / other graphic objects. It aims to ease and convenience in capturing audience a visual message conveyed. Design a site that can take advantage of the existence of empty space will be impressed with both elegant and neat.

Use blank space to:

- Rest the eyes of the reader.
- Linking between the elements in a layout (closer to give the impression of touch).
- Create a positive and negative forms.
- Provides 3-dimensional feel.
- Affirming an element.
- Ease of understanding the layout.
- Make the page look dynamic.
- Simplify the reading of the text.

A few explanations chapter II web design - web design principles. I will continue in the next chapter with a different discussion.

Thanks

Posted in: Web Design - BAB II