Rocketface(R) Workshop - Website design for everyone. Webmaster's Tutorial, "How to Design a Website". Rocketface(R) Workshop Home




Tutorial navigation instructions

Organize Website
Main Topics
  • Organize Website
  • Website Structure
  • Website Homepage
  • Website Main Sections
  • Website Sections
  • Website Navigation
  • Linear Navigation
  • Database Navigation
  • Hierarchical Navigation
  • Website Theme
  • Website Content
  • Webpage Design
  • Titles Tags Links
  • Webpage Layout
  • Unbalanced Layout
  • Balanced Webpage
  • Focal Point
  • Webpage Hotspots
  • Webpage Design
  • Poor Webpage Layout
  • Balanced Layout
  • White Space
  • HTML Editors
  • Website Templates
  • Website Basic Layout
  • Website Basic Divisions

  • Webpage Design
    Designing your webpages for maximum effect

    Designing your homepage

    There are several important factors you must consider when designing your homepage. It is here that you should present the title of your website and let visitors know what the content is about as briefly as possible. Use short phrases and short paragraphs. Provide text links to your main website sections as the anchor point for your website navigation system.

    Most search engines will index your homepage before they will index the other pages in your website. Therefore, it is critically important that you give a great deal of thought to the layout, content and function of this first screen. When you are creating a homepage you are setting the theme for your website. Here you should be presenting what visitors can expect to see carried out on every page within the site.


    Webpage design and layout

    Theme

    Using a theme for your website provides a convenient way of placing certain elements, in the same location, on each webpage. A website theme is important for establishing a continuity of content and building a rapport with the people who visit your website. Navbars, headers, footers, etc. should all appear in the same place on each page for the convenience of your visitors. That way, at a glance they can find what they are looking for and this will enhance the usability and credibility of your website.

    Focal point

    Group items and blocks of information, that belong together, using white space so that the eye knows they are related. Strive to present your webpage layout consistently throughout the site. Each webpage should present the same appearance. Also, it is important to have the focal point and main elements in the same place on each page.

    Use contrast to guide the visitor's eye around your webpages. For this technique to be effective, the contrast must be bold. Your text and graphics should stand out from the background as distinctly as possible. Place special emphasis on the focal point of your webpage design. Make the focal point of your webpage layout the dominant eye catcher.

    Alignment

    The alignment of main elements and text in the webpage design is also very important. Choose one type of alignment and stick with it. That doesn't mean you have to align everything along the same line; it means things should be aligned uniformly on the page. Maintain a balanced webpage layout throughout your website as you proceed with your webpage design.

    The perfect webpage design is one that blends into and compliments the overall theme of your website. Each page should be a representative part of your total website. The individual webpages that makeup your website should reflect the theme, navigation and focus of all the other pages. Also, a good website structure should have a central theme and provide a clean navigation system.

    Webpage templates

    There are a multitude of templates available on the internet, some are free and others are available for a fee. If you are lacking in webpage design experience using one of them will make the job of webpage and website design a lot easier. If you decide on using one of the predesigned website templates pick one that suits your website theme the best.

    Maintain integrity throughout your website. Once you have launched your site using a template stick to the same design throughout the website structure and add some special touches to make it your own.


    For more see:



    BACK: Webpage Hotspots NEXT: Poor Webpage Layout

    copyright© 2013
    Rocketface® Graphics
  • Analyze Website
  • Organize Website
  • Develop Website
  • Implement Website
  • Maintain Website
  • Article Archive