Secrets Of Great Web Page Layout

When it comes to web development, one of the most difficult things to organize is the lay out. Designers especially the newbies go frantic on how to go about it. It has to be attractive, engrossing, user-friendly and functional.

What are these layout secrets?

1. Centering it all is no good. The secret is doing the contrary and not centering everything. The latter will just make the page disorganized, strewn and drab. The alignment may also seem weak and wanting.

2. The use and mastery of contrast is indispensable. Contrast is one thing that makes the page attractive. The use and mastery of it in color, value, size and weight will greatly affect the site’s appearance and edge. In fact a typeface may appear bigger with the use of contrast in color. The latter can also affect the look of organization of the page. At a glance, a page may appear organized or the exact opposite. That is the secret of contrast.

3. Apply deviations if necessary. Most of the designers practice nowadays is to develop a ‘uniform-pages’ look. They try to use same background colors and other peculiarities to establish similarities to the homepage or other pages. But the fact is that viewers can be easily bored with that scheme. Viewers always want something new and by giving them a repetitious work you will simply switch them off.

Placing lines in between contents also manifests division. Instead of using these lines, use blank ‘buffer zones’. This way what are created are invisible lines to make the effect subtle.

4. Don't forget that functionality is the king of web development. Moreover, keep the content and information full, tight and pretty useful. Use the space, don’t waste. Only leave a small percentage for blank spaces. Use the space cleverly in order for the website not to look crowded at the same time loose. Multiple columns are also advisable in order to maximize space.

5. How is your CSS and XHTML code?
This code and having it validate, spell for web compliance, which is a good thing!
You can check your CSS code at W3C CSS Validation Services Online -Here
You can check on your XHTML code online at W3C Mark Up Validation Service - Here