 |
| Webmaster's Tutorial -------------- Webmaster's Tutorial Index -------------- Article Archive -------------- Sitemap -------------- Privacy -------------- About |
|
|
Grouping text and graphicsWhite space refers to the blank areas around your text and graphics. It is not the color white.As I mentioned in web page design white space is important in the layout a web page. It provides a way to group text and graphics into blocks so that the eye can follow the flow of information. It is a method used by all visual media to influence your eye movement and help you assimulate the information you are viewing. |
|
White space exampleIn the graphic below the main elements of the webpage are arrainged in such a way that the eye moves in a counterclockwice direction around the page, moving from the top to the left to the bottom to the right of the page following the white space.
Example of white space and its directional effect |
|
Reflecting on page sizeWhen you decide on the size of your website pages keep in mind that if the whole page does not show on the screen your white space effects will be ruined. You must carefully plan your webpage layout in such a way as to display the effects you wish to promote.In order to produce the effect you are after the entire page must be framed on your visitors screen. Most webmasters focus on the most common screen size. Check your visitor stats to find out what they are using. |
|
 |
 |
|
||||||||||||||||||