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.
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.
Web 2.0 design style guide
- parthasarker
- Insanely Distorted
- Posts: 2369
- Joined: Mon Dec 01, 2008 5:17 pm
- Full Name: Partha Sarker
- Expertise: Web Design