Thread: 9 Principles for Good Web Design

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.

Thanks for the good points.

Flash technology is becoming an important element for website designing since the past few years. Using flash in a website allows enhancing the appeal of the website and attracting new flash, for a website is to identify its audience.

Originally Posted by nisha.sharma

Flash technology is becoming an important element for website designing since the past few years. Using flash in a website allows enhancing the appeal of the website and attracting new flash, for a website is to identify its audience.

Yaa you are right & your topic is valid..i am totally agree with u that Flash Technology is a very important for web design.

Thanks for sharing your knowledge..
Keep it up.

Thanks a lot for share such a great tips related to web design. Navigation of website is more important which help you to get more impression.

Absolutely correct.. Surely this is great tips to create a web design..

Hi,

Thanks for sharing great principles. However, I would like to add one more good practice i.e. making use of digital asset management software in order to have well manage archive of your assets and client communications.

- Stella.

Hi Rob !
What a great tips ! Its really good principles for good Web Designing, and also very useful.

Thanks for Nice information !

Thanks For good sharing ! Its really good points which are more beneficial for beginners who want to be good web designer and also others.

A well designed website balances the visual appeal with usability and functionality. The visuals attract the attention of the viewer. However, if the user finds navigating through the site difficult, the the bounce rate will increase. Also, the site should deliver the service/product the user expects.

That is, good web design implies good balance.

Thanks, informative post.

I liked the most, the Usability part because this is the best aspect of a good website as it controls your visitors and attracts them to visit your site again and again. And I 100% agree that a Website 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.

This is really useful information for anyone building websites. I think that the navigation part is especially important when designing a site.

You are right.
great sharing
thanks

These tips need to be followed by every designer. Great tips. As a web designer, I am very much benefited by your tips.