Tags for this article: css, graphics, images, layout, spacing, web design, webpage
Whenever you create or design a Webpage design, the Layout of your Webpage is the most overlooked aspects in you design. Most of the people think on “how to do layout but forget the basics of Web layout.
Space and whitespace
You have to make use of the space that is available as a whole but do not be specific. In other words, you have to use layout sections that are relatively sized on your WebPages so that they can contract and expand to fit correctly fit the browser’s window. Here you have to keep in mind the screen resolution. Keep in mind that most of the Web designers have moved far away form the resolution of 640 x 480. Having only the logo on the monitor is not a good customer service.
Do use colours in order to define spaces. If at all you want to have specific width to your page, center your page on the browser screen and add a different colour to the background. By doing this way, it will help the page appear resizing for different browsers. Browsers which are large will have more background colours and the smaller ones will be having fewer colours.
Graphics and images
You need to align your images properly. Nowadays, the most common layout mistakes that is found is to put up images in to the pages in such a way that it looks more willy nilly without a proper or forgetting the layout. If you are just using the “img” tag and later write some text to follow the image, then you will be having the image and one line full of text to the right side of it. Make use of this “align attribute” and this will help you to make images to be the part of layout.
On your page, do balance text and graphics correctly. Along with animations and images, it’s pretty easy to get carried away and these both animations and images will make the page to read really hard. Whenever you’re considering the layouts for your WebPages, keep in mind that images are one of the major parts of your design bust not afterthoughts.
Width of your text
You have to mainly think of your text width. This text width is often called as “the scan length” and this refers that how many words will be displayed in one line. Many people will be able to read 7 to 11 words on a single line. If the line is longer than 11 words, it will not be able to read and it gets hard. If there are more words it will be very much distracting to read. When you are in to designing your layouts to your pages, ensuring that major areas in the page will display the text and that should be with readable width.
It is inadvisable to centre your text. The first technique that is learned a new designer in page layout designing is the center tag. Centring the pages is too hard and it is very much difficult to read.