Webmaster's tutorial: Analyzing website Organizing website Developing website Implementing website Maintaning website
Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website" Rocketface(R) Home - Welcome to the WebHow to Design a Website - Webmaster's Tutorial StartRocketface(R) Webmaster's Workshop
Rocketface®Workshop Webmaster's Tutorial Index Webmasters Article Archive Sitemap Privacy About
Rocketface®: Webmater's Workshop
  • How to Design a Website
  • About Domain Names
  • About Web Hosts
  • Free Web Hosts
  • Private Web Hosts
  • Types of Websites
  • Building a Website
  • Analyze Website
  • Analyze Audience
  • Analyze Content
  • Website Design Tips
  • Website Journal
  • Effective Communication
  • Target Audience
  • Demographics
  • Website Goals
  • Organize Website
  • Website Basic Layout
  • Webpage Design
  • Website Navigation
  • Website Structure
  • Website Sections
  • Website Theme
  • Webpage Layout
  • Website Content
  • HTML Editors
  • White Space
  • Develop Website
  • Sitemap Construction
  • Webpage Construction
  • Website Assembly
  • Website Construction
  • Typography - Fonts
  • Typography - Style
  • Typography - Layout
  • Website Graphics
  • Website Templates
  • Implement Website
  • FTP Website
  • Fine Tuning Website
  • Upload Organization
  • Ftp Checklist
  • User Interaction
  • Maintain Website
  • Website Promotion
  • Marketing Website
  • Viral Marketing
  • Content
  • Product Sales
  • Affiliate Programs
  • OnLine Services
  • Optimize Website
  • Keywords
  • The SEO Process
  • Website Traffic Analysis
  • Increasing Website Traffic
  • Links Tracking
  • Link Baiting
  • ROR RSS Sitemap Generator
  • Summary
  • Resources
  • Types of websites
  • Hex codes
  • Toolbox for webmasters
  • Free template downloads
  • Optimize your website
  • Resources
  • Glossary
  • Newsletter
  • Feedback
  • Main Site Index
  • Article Archive


  • Something a little different
    XtraAstrology - Exploring the arcane
    moonGROW - Moon phase gardening




    White Space

    Grouping text and graphics

    White space refers to the blank areas around your text and graphics. It is not the color white.

    As I mentioned in web page design white space is important in the layout a web page. It provides a way to group text and graphics into blocks so that the eye can follow the flow of information.

    It is a method used by all visual media to influence your eye movement and help you assimulate the information you are viewing.

    White space example

    In the graphic below the main elements of the webpage are arrainged in such a way that the eye moves in a counterclockwice direction around the page, moving from the top to the left to the bottom to the right of the page following the white space.

    An example of white space directing the visitors eye around the page.
    fig. 1 Example of white space and its directional effect

    Reflecting on page size

    When you decide on the size of your website pages keep in mind that if the whole page does not show on the screen your white space effects will be ruined. In order to produce the effect you are after the entire page must be framed on your visitors screen.

    Information Icon All About Design Principles and Elements
    If you're going to design a website, you'll do much better if you have some idea of what you're doing when it comes to graphic design. Here, then, is a crash course in the principles and elements most useful to web designers.
    Information Icon An Issue of Width - The Resolution Problem
    There is a problem that has plagued the web ever since graphical designs for web pages started to become common, and yet it's a problem that's never been solved.
    Information Icon Critical Web Design Rules
    When creating a new website or redesigning an existing site, there are four critical rules which should be followed to make the site effective, functional, loved by search engines - and successful.
    Information Icon An Easy Way to Choose Attractive Color Combinations
    Lots of people struggle to come up with attractive color combinations when designing logos, banners or web sites. So, here's an easy technique that only takes a few minutes.
    Information Icon 8 Ways To Improve Bad Website Design
    Check out some simple ways you can improve your website and get it into better shape, now!





    Copyright© 1999 - 2010
    Rocketface® Graphics
    Rocketface® Workshop Analyze Organize Develop Implement Maintain Site Map Index