Select Page
Notifications
Clear all

9 Principles for Good Web Design

(@Anonymous)
New Member

1.Precedence (Guiding the Eye)

Good web design, perhaps even more than other type of design, is about information. One of the biggest tools in your arsenal to do this is precedence. When navigating 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.

•Position Where something is on a page clearly influences in what order the user sees it.
•Color - Using bold and subtle colors is a simple way to tell your user where to look.
•Contrast - Being different makes things stand out, while being the same makes them secondary.
•Size - Big takes precedence over little (unless everything is big, in which case little might stand out thanks to Contrast)
•Design Elements - if there is a gigantic arrow pointing at something, guess where the user will look?

2. Spacing

When I first started designing I wanted to fill every available space up with stuff. Empty space seemed wasteful. In fact the opposite is true.Spacing makes things clearer. In Web design there are three aspects of space that you should be considering:

•Line Spacing
•Padding
•White Space

3.Navigation

When I first started designing I wanted to fill every available space up with stuff. Empty space seemed wasteful. In fact the opposite is true.Spacing makes things clearer. In Web design there are three aspects of space that you should be considering:

•Navigation — Where can you go?
•Orientation — Where are you now?

4.Design to Build
Life has gotten a lot easier since Web designers transitioned to CSS layouts, but even now it’s still important to think about how you are going to build a site when you’re still in Photoshop

5.Typography
Text is the most common element of design, so it’s not surprising that a lot of thought has gone into it. It’s important to consider things like:
Font Choices, Font sizes, Spacing, Line Length, Color, Paragraphing

6.Usability
Web design ain’t just about pretty pictures. With so much information and interaction to be effected on a Web site, it’s important that you, the designer, provide for it all. That means making your Web site design usable.

7.Alignment
Keeping things lined up is as important in Web design as it is in print design. That’s not to say that everything should be in a straight line, but rather that you should go through and try to keep things consistently placed on a page. Aligning makes your design more ordered and digestible, as well as making it seem more polished.

8.Clarity (Sharpness)
Keeping your design crisp and sharp is super important in Web design. And when it comes to clarity, it’s all about the pixels. In your CSS, everything will be pixel perfect so there’s nothing to worry about, but in Photoshop it is not so. To achieve a sharp design you have to:

9.Consistency
Consistency means making everything match. Heading sizes, font choices, coloring, button styles, spacing, design elements, illustration styles, photo choices, etc. Everything should be themed to make your design coherent between pages and on the same page.

Quote
Topic starter Posted : 22/06/2011 5:43 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

Here are the principles for good web design

Users appreciate quality and credibility
Users don’t make optimal choices
Don’t make users think
Don’t squander users’ patience
Manage to focus users’ attention

ReplyQuote
Posted : 23/06/2011 7:35 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

prabhadns;**848 wrote: Here are the principles for good web design

Users appreciate quality and credibility
Users don’t make optimal choices
Don’t make users think
Don’t squander users’ patience
Manage to focus users’ attention

Ya you are right & in your post all are valid points thanks for sharing...

ReplyQuote
Topic starter Posted : 23/06/2011 8:35 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

robwilley7;**770 wrote: 1.Precedence (Guiding the Eye)

Good web design, perhaps even more than other type of design, is about information. One of the biggest tools in your arsenal to do this is precedence. When navigating 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.

•Position Where something is on a page clearly influences in what order the user sees it.
•Color - Using bold and subtle colors is a simple way to tell your user where to look.
•Contrast - Being different makes things stand out, while being the same makes them secondary.
•Size - Big takes precedence over little (unless everything is big, in which case little might stand out thanks to Contrast)
•Design Elements - if there is a gigantic arrow pointing at something, guess where the user will look?

2. Spacing

When I first started designing I wanted to fill every available space up with stuff. Empty space seemed wasteful. In fact the opposite is true.Spacing makes things clearer. In Web design there are three aspects of space that you should be considering:

•Line Spacing
•Padding
•White Space

3.Navigation

When I first started designing I wanted to fill every available space up with stuff. Empty space seemed wasteful. In fact the opposite is true.Spacing makes things clearer. In Web design there are three aspects of space that you should be considering:

•Navigation — Where can you go?
•Orientation — Where are you now?

4.Design to Build
Life has gotten a lot easier since Web designers transitioned to CSS layouts, but even now it’s still important to think about how you are going to build a site when you’re still in Photoshop

5.Typography
Text is the most common element of design, so it’s not surprising that a lot of thought has gone into it. It’s important to consider things like:
Font Choices, Font sizes, Spacing, Line Length, Color, Paragraphing

6.Usability
Web design ain’t just about pretty pictures. With so much information and interaction to be effected on a Web site, it’s important that you, the designer, provide for it all. That means making your Web site design usable.

7.Alignment
Keeping things lined up is as important in Web design as it is in print design. That’s not to say that everything should be in a straight line, but rather that you should go through and try to keep things consistently placed on a page. Aligning makes your design more ordered and digestible, as well as making it seem more polished.

8.Clarity (Sharpness)
Keeping your design crisp and sharp is super important in Web design. And when it comes to clarity, it’s all about the pixels. In your CSS, everything will be pixel perfect so there’s nothing to worry about, but in Photoshop it is not so. To achieve a sharp design you have to:

9.Consistency
Consistency means making everything match. Heading sizes, font choices, coloring, button styles, spacing, design elements, illustration styles, photo choices, etc. Everything should be themed to make your design coherent between pages and on the same page.

such a nice post...
thanks for sharing ...

ReplyQuote
Posted : 29/06/2011 6:08 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

9 principles for good web design ::
* Your website should be user friendly
* Website should be attractive.
* Users appreciate quality and credibility
* Put an effective hyperlink.
* Avoid to choose dark background in your website.
* Give proper description of every title.
* Use navigation.
* Use white space whenever it required.
* Maintain relevancy and consistency.

ReplyQuote
Posted : 29/06/2011 8:39 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

Here are my principles for a good web design.

1. Good Navigability - we need to make sure that the website’s audience can easily navigate the website.
2. Use of consistent branding throughout - implementing the site’s brand throughout the various web pages is essential to maintaining a sense of continuity in a website.
3. Good Use of Image - you can vary up your image sizes and incorporate them in different ways to bring color and life to a website.
4. Use Video Wisely - People like to access multimedia on websites, but they don’t usually like to be overwhelmed with it.
5. Strong Typography - Typography is a tool that tells the visitor what he/she needs to know and guides their eyes across the site.

ReplyQuote
Posted : 29/06/2011 9:31 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

Thanks rob for sharing this details..

ReplyQuote
Posted : 30/06/2011 9:19 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

Good post, thanks. It is always good to stay focused on the website usability from the end users perspective. A great looking website doesn’t perform its function if the user can’t navigate through the pages. Thanks again!

ReplyQuote
Posted : 04/07/2011 10:20 am
(@Anonymous)
New Member

Re: 9 Principles for Good Web Design

Hi ! Rob !

Thanks for nice sharing . Its Really good principles for web designing, its can help to make better website. For getting more traffic Website should be attractive, user friendly, good quality, credibility, etc..

ReplyQuote
Posted : 06/07/2011 3:58 am
Share: