oz web hub

resources to assist the web designer

Web 2.0 web design

Read up about what it is

Many of the changes in Web 2.0 can be seen through common design practices. Old-style HTML was full of boxes and square tables. Today's web designers are rapidly moving away from boxy designs to flexible curves. When designing for today's Internet, it's all about rounded designs, nice big text, gradients, glassy effects, and bright colors. Every one of them had a favicon too. Learn how to make a favicon.

Designs have gone from glossy and unsubtle, through the clean designs using css only to go back to a more graphic style.

Rounded Corners:

These aren't new, but if you want to go to this sort of design here are some tutorials

http://www.webcredible.co.uk
http://www.alistapart.com
http://webdesign.about.com/od/css/a/aa072406.htm

Nice Big Text:

Have you ever been to a web site where you could barely read the text? With Web 2.0, oversized fonts have come into style. You can start using plenty of oversized text to make important messages stand out. Of course, you don't want all of the text on your web site to be large, but make sure that the most important text on the page is bígger than normal text.

Gradients:

Gradients are another popular design element of Web 2.0. This is especially true of backgrounds. A common background used today has a gradient at the top, fading down to some other colour that continues throughout the background for the rest of the page.

For a complete tutorial on how to create this type of effect, go to http://www.photoshoplab.com

Colours:

Web 2.0 sites are strongly defined by their colours. They nearly always use bright and cheery colours - lots of blue, orange, and lime green.

They also often include large, colourful icons, sometimes with reflections and drop shadows. To see some samples of how web sites are effectively using bright colours, take a look at:

http://www.9rules.com
http://www.linkedin.com

Have a look at my blogs too. They are designed by someone other than me.

Other common design characteristics include the use of tabs, reflections, glassy effects, large buttons, and big text boxes for submission forms.

Read up about the whole new revolution of Web 2.0

See my blog for more tips about web 2.0

« computers | web design »