5 Must-Haves for Effective Web Site Design

There are a lot of principles that create good web design. Here I’ve highlighted what I think are the five most important tools to effective design.

1. White Space

This may seem contrary to the small voice inside you that cautions you from “wasting” space. But more important than your agenda is the user’s dread of cognitive overload. In other words, keep it classy. Leave some room to make your ideas stand out and allow your audience to process and breathe.

2. Consistency

To make your site user-friendly and professional as possible, make sure things like type, buttons, colors and navigation stay consistent. Global navigation should remain static to ensure usability.

3. Color

Contrast is key, but make sure it’s easy on the eyes. If you’re using type, it has to be legible (that means no lime green text with a black background). If you need help with your color palette, check out one of the sites below:

http://www.colourlovers.com/

http://kuler.adobe.com/

4. Balance (grid)

Whether you are striving for asymmetrical, symmetrical or discordant balance to your site, it needs an intentional structure to put the user at ease. If you’re familiar with photography’s rule of thirds, borrow that idea for your layout.  Both the rule of thirds and the golden ratio are concepts of balance that are based on a grid. Ideal placement is along the intersections of a superimposed grid that looks a lot like a tic-tac-toe board.

5. Typography

Remember that using and designing type is much different for web than for print. Here’s a good resource for typography.

Advertisements

1 Comment

Filed under interactive media

One response to “5 Must-Haves for Effective Web Site Design

  1. Jay

    No autoplay music.

    Its like more cowbell.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s