How to Design Your Own Web Page Layout
Designing your Web page layout is just as important as the content that you offer on your page. If your visitors cannot find what they are looking for, or if they are overwhelmed by a chaotic design, they will quickly leave your site before your hard work is even enjoyed. If you sit down and sketch out your ideas first, you can design your own Web page layout so that it is aesthetically pleasing and user friendly.
Other People Are Reading
Instructions
-
-
1
Use a pencil and paper to write down what the topic of your Web page is at the top of the paper. Not only do you want to present related information, but you also want to have appropriate enhancements, such as images, that support this theme.
-
2
Decide on the amount of content that you plan to have on your page and make notations on your paper. For example, if you have so much text that you think people will have to scroll through it on your Web page, consider breaking up your page into two or more columns.
-
-
3
Choose the colors for your page and determine where these can go to work well together. For instance, if you like black and white, do not put white text on a black background because this causes unnecessary eye strain for your viewer. Instead, consider using these colors as logos, headers or banners and mark this down on your paper where appropriate.
-
4
Determine the positioning of your navigation (menu) bar and draw a representation to see how it looks against your content notations from step two. Your menu bar provides links to guide people through your page so you want to make sure this is in an area where people can easily find it in a top, horizontal or vertical space.
-
5
Figure out where your digital images go on the page and mark these down on your sketch. For example, if you are writing a blog, an associated graphic should go at the top of each entry to further enhance your writing. If you are selling a product, images should be on the top or side of the description. Graphics help break up the monotony of content and are an appealing element for your visitors.
-
6
Use your paper and pencil drawing as a blueprint so that you can refer to it as you design your Web page in a HTML text editor. Or, use it as a detailed description of what you want if you want to have a Web designer build your page.
-
1
