Friday, June 06, 2008

Web 2.0 how-to design style guide

An online tutorial for Web 2.0 ...

"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.

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.

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

I'm using the term "Web 2.0 design" to describe the prevailing style of web design I introduce in my current style article.

Many people use the term "Web 2.0" to describe:

* a resurgence in the web economy
* a new level of technological interactivity between web sites and services
* or social phenomena deriving from new types of online communities and social networks

Many others also use the term in reference to a recent school of web design. I'm comfortable with using it in that context here.

In sociological terms, movements impact people on many levels: economic, cultural, political, etc. Is skate-punk about entertainment and sport, music and the music industry, fashion, or the breakdown of society?"    (Continued via web design from scratch)    [Usability Resources]


Post a Comment

<< Home

<< Home