Principles of Web Designing

By : webdesigner
Rating : Average Rating : 4.23 From 44 Voter(s)


This article gives you information about the basic principles of web designing like sites home page, routing structure, size of font, length of the line, emphasizing, graphics, gif vs. jpeg, speed of your site, testing your website. These are some points that are related to the web designing process.


Home Page of Your Web Site:

Your website should clearly define the business of your company. Also provide higher level of routing or navigation on the home page or the front page of your site. You can also give logos and can tell your customers what is available on your site. Your home page should give all the information about your business, products, and services that you will give to your customers. Your home must be professionally designed so that it can attract the attention of any visitor of your site so that the visitor should open the links that are to your products. Your sites home page is the window of your shop through which your visitor decides that he will enter inside or he will leave the shop. If you are going to give any discount or any offer to your customers then surely provide the link on the home page of your site.


If you are giving the flash intro on your home page then make sure to provide the customer to skip the flash intro and the caption ‘skip intro’ should be outside of the flash this is because you will insist your customer to wait until the flash movie is loaded.


Routing Structure:

Always place the routing or navigating structure on the front page of your site if your customers need it. But avoid experiments with the routing structure. If you want then of course you can try some experiment. But surely provide same routing structure on all the pages of your site so that it becomes easy for your customers to move on just doing double click. Be consistent in your routing structure as your visitor may not about the tough routing structure also connect all the pages in a flow so that your visitor do not get the time to think.


Size of font:

Put the font size that should be easily visible without any effort. You will get different type of customer some who will not have any problem in reading small font size and some who will have problem in reading the normal font size also. But never lose your prospective customer and coming visitors due to font size. The mostly found font size is 12 – 13 point. You can also break the large portion of the text in the paragraphs as to make the reading easy.


Length of the Line:

The length of the line in any text content should be normal and does not be too large or too short. It should be according to the size of the site and the paragraph written on it. The frequently used length of the line is 10 to 12 words or 60 to 70 characters. Some also use shorter lines of characters of 40 to 50 and it is followed for larger displays. Do not make the line of the text too long as your reader may get bored of the reading the long line paragraph.



Try to create emphasis as it is an important and essential part of designing and typesetting. If it is handled with good taste and judgment, it helps in directing and informing the reader. But when you start emphasizing on each and every word then the reader gets confused among the whole text and it looks like the battle field and becomes difficult to read the text and then your visitor will surely leave your site.



As we all know that one image is more than million words. This rule applies on internet too. If you are applying any image on your site then apply attractive photo of your product. If you are providing any service then give the image that best define the service you are offering. But be careful about the size of the site. And for maintaining the sizes do not compress the photo too much so that it should not be visible or clear and also do not put the photo or image in its original big size as it will make the file size too big and will take time in accessing and downloading.


Gif vs. JPEG:

If you have designed your site form any less experienced designer, they some times use wrong format to store any picture. You can follow some simple rules so as to avoid mistake. If your picture has less number of colors then GIF will be better. But also reduce the palette size too. This means that if your image has 10 to 15 colors then reduce your palette on 16 or 32 colors.


If the image contains more text then GIF format will be good choice. Where as if you work on JPEG then the due to loosy compression method will cause blur on to text and edges. If you are saving the images as JPEG then:


JPEG image contains over 32 million different colors, they are more than that any human eye can see. If you want to integrate big and large texts into image then JPEG will be better. But the edges will still get blurred and it will again become unreadable. If you feel that your image is more important than the text written then you can choose the JPEG format.


Speed of Your Site:

Try to reduce the download time as your customers will, not wait for too much time, if anything takes too much time in downloading. So for this matter, try to reduce the size of the graphics or images that are on your site. The image must remain visible and in KB but reduce the size that as much possible.

Testing Your Website:

Test your website before launching it on any hosting company. And this is important because your customer will not bother for you and will tell you that what problem they are facing during navigation or routing, or your links are not working properly, or the images on your site do not appear. If you get this type of information from your customer then it is very shameful for you. This also shows that you do not visit your site and also do not update it. Check the spellings and grammar of the text that is on your site. And if some problem like this is their on your site then your customer will make some negative impression about your site. Also try to avoid the captions like ‘under construction’ or ‘coming soon’.

Print Article Print Article
Send to a friend Send to a friend Save as PDF Save as PDF
Rate this Article :










Poor Excellent

Generated in (seconds): 0.0699 & 12 Queries Server Load: 0.77