|
Web 2.0 - The Interactive Web - Design Elements |
 |
 |
 |
|
Written by the Cyberspace Pursuit Team
|
|
Page 3 of 3 Web 2.0 Design ElementsWith the dawn of Web 2.0 came a new, different way to design the web. These designing codes were a lot simpler and delivered more content from lesser code and time. - Fewer Columns - Web 2.0 pages are usually split into two columns of information. Web 1.0, however, consists of either three to four and therefore looks boring and tacky. Less columns can hold the same amount of information with a more attractive style.
Web 1.0 Style:
| Web 2.0 Style:
|  |  |
- Headers - Unlike the all-in-one web page documents used mostly in the past, this new web separated the title and its counterparts from the rest of the page. This site is a prime example, notice how the logo, quotes, and menu stays constantly at the top- this was not seen before Web 2.0.
Web 1.0 Style:
| Web 2.0 Style:
|  |  |
- Easier Navigation - Websites now began to be easily accessible by the tagging of content for online and internal searches. This was a great step from the 'site maps' one may have to navigate through.
Web 1.0 Style:
| Web 2.0 Style:
|  |  |
- Bigger, Bolder, and Stronger Content - Another easily noticed change was that of the text and logos. In an effort to make the Web's content more diverse in importance, developers began to use text enhancers such as bolding, italicizing, and coloring for better clarity and style. Advertisers also use this to make their ads more noticeable (and yet, nobody clicks on them).
Web 1.0 Style:
| Web 2.0 Style:
|  | 
|
- Cool Effects - Unlike the 3D wannabes of Web 1.0, Web 2.0's design format actually supported a better-graphic 3D style. Although this is used sparingly among sites, they can add the "wow' factor to one website.
Web 1.0 Style:
| Web 2.0 Style: |  |  |
- Applications - The most common application of these Gradients is the reflection used many images throughout the web. They are also used in electronic illusions and setting tone and mood styles.
Web 1.0 Style:
| Web 2.0 Style:
|  |  |
- Icons - Though icons have been used throughout the history of the web, Web 2.0 uses them in a more effective way by packing more meaning per icon.
Web 1.0 Style:
| Web 2.0 Style
|  |   
|
- Star Flashes - At the beginning of the 'transition' from Web 1.0 to 2.0, designers frequently used what are known as 'star flashes' to emphasize catch phrases or advertisements. These were extremely over-used and finally fell out of trend, but are still an important factor of the age of Web 2.0.
|
