Home | Blog | Web 2.0 | SEO | Resources | Portfolio | Contact Me
 
   
  Common features  
  O'Reilly - What Is Web 2.0  
  Create Web 2.0 Logos  
  Create Web 2.0 Badges  
  Web 2.0 Toolbar  
  Web 2.0 Fonts  
  Make Your Site Web 2.0  

Web 2.0

Web 2.0 is an advanced and current form of the World Wide Web. Web 2.0 websites allow users to do more than just retrieve information. Web 2.0 has technologies such as blogs, social bookmarking, wikis, podcasts, RSS feeds to enhance existing sites.

The basics of Web 2.0 websites are less text, large size of fonts with contrast color layouts and more visuals to avoid confusing visitors. As a web designer, it is important to learn the fundamentals of web 2.0 style. I use to follow Contrast color theme - Gradient background - Centralize contents - Less text - More visuals - Round corners table and bookmarking options for web 2.0 websites.




How to Design a Web 2.0 Website

Web 2.0 is the next generation of websites to help enhance their existing sites and create web designs with simple navigation. The basics of Web 2.0 are less text, more images, and larger texts and etc.
As a web designer, it is important to learn the fundamentals of this new format.


The basic fundamentals

Centralize contents:
It is important to keep your content in the center of the page.
  Myspace
  WordPress
  Flickr
  YouTube
  Revver and MetaCafe
  Newsvine
  Yahoo
  Digg
  Skype
  Facebook
Horizontal navigation bar:
With large size of text which is easy to read.
Backgrounds:
Gradiant background or background images.
Reflection:
Creating reflection of the images is very popular in Web 2.0.
Round corners:
For Content box, Text banner box, Thumbnail images.
Ajax indicator:
Ajax is the main identity for Web 2.0 format.
Book marking options:
Digg, Delicious.
   
   
   
Common features

 
Great Web 2.0 websites should have these features
Simple layout
Centralized content
Glossy effects
Big text
Contrast colors
Gradiant background
Fancy icons (Web 2.0 Badges)
Round edges box, images
Bold logos
Bookmarkings
Embossed Buttons
Ajax (Large Tabs, Drag & Drop, Maps, AutoComplete)
Social networks (Commenting, Reviewing, Sharing,
Book marking & Subscribe)
Web 2.0 Tutorials
How to create Web 2.0 Style Templates, Logos, Badges, Reflection, Banner, Header, Buttons, Backgrounds, Menu Bar and more...
99 Resources for Web 2.0 Design.
How to Create Web 2.0 Site.
30 Resources to Create Your Own Web 2.0 Site.
 
 

 
 
News & Articles
Yahoo says 'No' to Microsoft, again
42 Must-Bookmark Resources
for Web Designers - Inspiration,
Design, Color, Fonts and More
10 things IT needs to know about Ajax
The 101 most useful websites
The Evolution of Websites
IBM's Web 2.0 Platform Mashes
Up Business, Social
The 101 most useful websites
Web 2.0 gets down to business
Web 2.0 workplaces (Pics)
 
Important Links
Ultimate Web 2.0 Layer Styles -
Free Download
Top 100 Web 2.0 Sites
Mar Top Web 2.0 Social
Bookmarking and Tagging Sites
The visual design of Web 2.0
Information Design Principles
For Web 2.0 Design: Simple &
Social