 |
|
 | |
 | |
 | |
 | |
 | |
 | |
 | |
|
|
The basics of web layouts
When you create a Web design, one of the most overlooked aspects of the development is the layout. Yes, many people think about how to create a layout (CSS, tables, frames, etc.), but the basics of Web layout are often completely ignored. How to use your space Use all the space you have, but don't be specific in your use. In other words, use scaleable layout parts on your Web pages, so that they can be scaled to match the browser window. Keep screen resolution in mind. As the most people have moved away from 640x480 resolution, keep that in mind when you're developing a layout. Having customers go away because all they can see is a logo on their monitor is not good customer service. Use color to define spaces. If you need a page that's a specific width, why not center it on the browser screen and make the background color of the page a different color. This will help your page seam to scale for different browsers; bigger widows will just have more background color, and smaller browsers will contain less or none showing. Images and Graphics Align your graphics. One of the most typical newbie layout mistakes is to slap images into a side without considering your layout scheme. If you just use an img tag and then write text to explain it, you'll get the picture and then one line of text to the right of it. Using the alignment will help incorporate graphics into layout. Balance the images and paragraphs on a page. It's really easy to get carried away with all those graphics and animations, but they can make a page very hard to read. When you're developing your layout, remember that images are a major part of the layout, not just scrap elements. Text Width Think about text width. This is usually called the "scan length", and refers to how many words are displayed on one line. In general people can effortlessly read about 7 or 11 words in one line. Longer lines make your text hard to read, shorter than that and it's disjointed and distracting. When creating your layouts be certain that the major text area displays the text in a readable width. Centering paragraphs is inadvisable. One of the first layout tricks that a new designer learns is the center tag, and they center all the content on their sites. However, centering is very hard to do well and it's often unreadable. |
|
Copyright © 2000-2010 Aha-Soft. All rights reserved. |
|
Perfect Toolbar Icons
