9 Essential Rules Of Great Web Design

From the PSDTUTS (PhotoShop Tutorials) blog comes this little article on Wed design. Though loaded with good solid principles, remember in the Web world, many rules can be changed and should be broken. Have fun!

clipped from psdtuts.com
1. Precedence (Guiding the Eye)
When using a good design, the user should be led around the screen by the designer.� I call this precedence and it’s about how much visual weight different parts of your design have.To achieve precedence you have many tools at your disposal:

  • Position
  • Color
  • Contrast
  • Size
  • Design Elements

2. Spacing

  • Line Spacing
  • Padding
  • White Space
3. Navigation

  • Navigation – Where can you go?
  • Orientation – Where are you now?
4. Design to Build

  • Can it actually be done?
  • What happens when a screen is resizes?
  • Are you doing anything which is technically difficult?
  • Could small changes in your design greatly simplify how you build it?
  • For large sites particularly, can you simplify things?

5. Typography

  • Font Choices
  • Font sizes
  • Spacing
  • Line Length
  • Color
  • Paragraphing
6. Usability

  • Adhering to Standards
  • Think about what users will actually do
  • Think about user tasks

7. Alignment

8. Clarity (Sharpness)
9. Consistency – Having a good set of CSS stylesheets can also go a long way to making a consistent design.

2 thoughts on “9 Essential Rules Of Great Web Design

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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s