Web 2.0 design style guide

Post Reply
User avatar
parthasarker
Insanely Distorted
Insanely Distorted
Posts: 2369
Joined: Mon Dec 01, 2008 5:17 pm
Full Name: Partha Sarker
Expertise: Web Design

Web 2.0 how-to design guide

In this tutorial, I describe various common graphic design elements in modern web ("2.0") design style.

I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.

It follows on from my Current Style article, and analyses in greater depth the design features of the current "Web 2.0" design style.

To learn how to design Web2.0 sites yourself, you must read "Save the Pixel - The Art of Simple Web Design", which is a comprehensive guidebook to the principles and techniques of Web2.0 design.

Image

Summary of features covered

The list below is a summary of many of the common features of typical "Web 2.0" sites.

Clearly, a site doesn't need to exhibit all these features to work well, and displaying these features doesn't make a design "2.0" - or good!

I've already addressed some of these factors in my introductory Current Style article. Also note my article on Real Web2.0 Design, which explains that the essence of Web2.0 design isn't surface graphical effects but the discipline of simplicity.
1. Simplicity
2. Central layout
3. Fewer columns
4. Separate top section
5. Solid areas of screen real-estate
6. Simple nav
7. Bold logos
8. Bigger text
9. Bold text introductions
10. Strong colours
11. Rich surfaces
12. Gradients
13. Reflections
14. Cute icons
15. Star flashes

http://www.webdesignfromscratch.com/web ... -guide.php

Hope it will help you lot. :)


User avatar
Tariq
Proud Member
Proud Member
Posts: 1291
Joined: Wed Jan 28, 2009 5:37 pm
Full Name: Tariq Julfiker
Expertise: Artist

hmmmmmmmmmmmmmm
Post Reply

Return to “Others”