Welcome to the Web - Rocketface(R) Workshop Webmaster's Tutorial - "How to Design a Website"


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

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.

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.

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.

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.

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.

8 Ways To Improve Bad Website Design

Check out some simple ways you can improve your website and get it into better shape, now!