12 February, 2007

Designing Web 2.0

Forget about the social networking, user generated content, easy-to-use interfaces and aggregated content – at the forefront of Web 2.0 right now is the design. Reflections, shadows and gradients abound, Web 2.0 design is all about clean and simple design elements, used to bold effect.

Web 2.0 logos announce “who we are and what we do” and present a glimpse of the personality of the owner. Reflections, gloss and gradients are used to soften bold fonts and bright colors. And if you’re really serious, you can even add a Beta badge.

To help you get started in your own Web 2.0 transition, the Segala team have come up with a few illustrations we prepared earlier!

Paddy Power logo in 2.0 style RTE logo in 2.0 style Sinn Fein logo in 2.0 style Guinness logo in 2.0 style Baileys logo

The Photoshop Lab Web 2.0 Design Kit takes you through the process step by step. Andrew dela Serna at Alleba provides a video tutorial on how to create that elusive Beta icon – glossed, gradient-ed and brightly colored. And you can get Web 2.0 “badged” at ajaxlessons.com’s web-20 badge tutorial.

Simple!

 

One Response to “Designing Web 2.0”

  1. [...] For me, Web 2.0 can be defined by a technology, a colour pallet, logo, social network, or a service that is enabled by a Web site. However, what’s more important in my opinion, is the fact that Web 2.0 defines a moment in time when we recognise the survival instinct to place our products and services into “permanent beta”. [...]

Leave a Reply

About

Founded in 2003 and privately owned, Segala is a specialist in testing and certification.

Segala’s mission it to help make the Web more reliable, safe and trustworthy. Our method of certification helps us to realize this mission by exposing more information about the suitability of each website in search results – enabling users to make informed decisions about which sites to visit. Read More…

Contact

Contact us by emailing daphne@segala.com or call +353 (0)1 2931966. Our address is 19 The Mall, Beacon Court, Sandyford, D18. Ireland.

PHVsPjxsaT48c3Ryb25nPndvb19hYm91dDwvc3Ryb25nPiAtIGFib3V0PC9saT48bGk+PHN0cm9uZz53b29fYWRfYmVsb3dfaW1hZ2U8L3N0cm9uZz4gLSAvaW1hZ2VzL2FkNDY4LmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2JlbG93X3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FsdF9zdHlsZXNoZWV0PC9zdHJvbmc+IC0gZ3JlZW50ZWEuY3NzPC9saT48bGk+PHN0cm9uZz53b29fYmxvY2tfaW1hZ2U8L3N0cm9uZz4gLSAvaW1hZ2VzL2FkMzM2LmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2Jsb2NrX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2Jsb2c8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2Jsb2djYXQ8L3N0cm9uZz4gLSAvYmxvZy88L2xpPjxsaT48c3Ryb25nPndvb19jYXRfbWVudTwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY29udGFjdDwvc3Ryb25nPiAtIGNvbnRhY3Qtd2lkZ2V0PC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Nzczwvc3Ryb25nPiAtICNyc3N7DQpiYWNrZ3JvdW5kOiAjMzNhMTJjOyAvKiM2ZjljMzMgOy8qICNjZTQ5MjA7Ki8NCn0NCg0KLmdyaWRfMTZ7DQpkaXNwbGF5Om5vbmU7DQp9PC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Zhdmljb248L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0cGFnZXM8L3N0cm9uZz4gLSAxNzU3LDE3NzIsMTc3NjwvbGk+PGxpPjxzdHJvbmc+d29vX2ZlZWRidXJuZXJfdXJsPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZ29vZ2xlX2FuYWx5dGljczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2xheW91dDwvc3Ryb25nPiAtIGRlZmF1bHQucGhwPC9saT48bGk+PHN0cm9uZz53b29fbG9nbzwvc3Ryb25nPiAtIGh0dHA6Ly9zZWdhbGEuY29tL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy1sb2ctcG5nLWhpZ2gucG5nPC9saT48bGk+PHN0cm9uZz53b29fbWFudWFsPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL3N1cHBvcnQvdGhlbWUtZG9jdW1lbnRhdGlvbi92aWJyYW50Y21zLzwvbGk+PGxpPjxzdHJvbmc+d29vX25hdl9leGNsdWRlPC9zdHJvbmc+IC0gMTUxNywxNTE5LDE1MjEsMTUyMywzLDE1OTUsMTYxMywxMCwxNjc2LDE3NTcsMTc3MiwxNzc2PC9saT48bGk+PHN0cm9uZz53b29fc2hvcnRuYW1lPC9zdHJvbmc+IC0gd29vPC9saT48bGk+PHN0cm9uZz53b29fc2hvd19hZDwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fc2hvd19tcHU8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX3N0ZXBzPC9zdHJvbmc+IC0gMDEuLCAwMi4sIDAzLjwvbGk+PGxpPjxzdHJvbmc+d29vX3RhYmJlcjwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fdGhlbWVuYW1lPC9zdHJvbmc+IC0gVmlicmFudENNUzwvbGk+PGxpPjxzdHJvbmc+d29vX3VwbG9hZHM8L3N0cm9uZz4gLSBodHRwOi8vc2VnYWxhLmNvbS93cC1jb250ZW50L3dvb191cGxvYWRzLzMtbG9nLXBuZy1oaWdoLnBuZzwvbGk+PC91bD4=