What is web 2.0?
In the last 15 years the Web has grown from a group work tool for scientists at CERN into a global information space with more than a billion users. These trends have led to a feeling that the Web is entering a ‘second phase’—a new, ‘improved’ Web version 2.0. The world is using Web 2.0 as the cool and new technologies and services to make their websites to be more attractive, simple, usable, bright and sharable by designing it with web 2.0 standards.
How to design using web 2.0
This tutorial will help you create a web 2.0 site, design a web 2.0 logo, make your site rich in contents, publish your site and distribute it.
Certain design elements which are frequently implemented on Web 2.0 themes are:
Simplicity: Remove unnecessary components, without sacrificing effectiveness. Minimalism has become a popular website design style for years. Minimalist sites load faster, take fewer server resources, and are often faster to develop than more graphically complicated designs. Plus, they give a professional, clean impression to visitors. Whenever you're designing, take it as a discipline consciously to remove all unnecessary visual elements.
These images will help you to imagine what simplicity in design is.
The Somme site is rich, interesting and appealing. It uses a range of visual techniques to draw your attention, make you interested and to give you a warm feeling about the quality of work. Use visual detail - whether lines, words, shapes, color - to communicate the relevant information, not.
Central layout: Left-oriented and liquid layouts are out. The "2.0" style is straightforward and direct. Sites that sit up-front feel uncomplicated and direct. The common idea in the past was to cram as much of the information as possible within the viewing area of the page and the liquid design style was an effective method of achieving this. However in recent times this has given way to using less to say more, so we can be a bit more free and easy with the amount of space used.
3d effects: Making your website visually appealing is extremely important. WEB 2.0 designs uses reflections, fades, transparencies and drop-shadow effects to add an element of depth to a rather flat medium. Used sparingly, these can have excellent results.
There are a number of ways to bring attention to certain pieces of content. To enhance attention to crucial layout components, investigate the following possibilities:
Strong Color: Colors are a great medium for communicating brand values! Web 2.0 design also employs the use of strong vibrant colors to give a punchy crisper feel to the design of the website. Strong colors and tonal contrast are great for drawing the eye to the more important elements on the page e.g. buttons, icons or even small graphics to act as accents to the web page.
Clear large distinctive text: large text makes it easy to convey your message to the visitor. Clearly defined titles and sub categories and properly organized content is the essence WEB 2.0. Not only does big text stand out, but it's also more accessible to more people. That's not just people with visual impairments, but also people looking on LCD screens in sunlight, people sitting a little further from the screen, and people just skimming the page. If you think about it, that could be quite a lot of people!
Make the most important text on the page bigger than normal text. Use bigger text to help your visitors see quickly what the page is about. Larger than usual form fields are also very popular in 2.0 design. Like the other design techniques we've seen, it works when used in moderation.
Plenty of white space: White gives a cool, neutral, soft base against which you can flash strong colour to draw the eye. Use of spacious design and clean white space gives design the distinctive new feel. White simple backgrounds are extremely popular in WEB 2.0. design.
Cute icon: Icons can be useful when they're easily recognizable and carry a clear meaning. In lots of other cases, a simple word is more effective. The common principle in WEB 2.0 is not to use too many attractive or eye catching elements within a page. The same applies to the cute icons. Appealing icons and buttons can add that bit of polish to help give a page a high-quality feel. But used too much, they'll have the counter effect, cluttering the page and confusing the user.
For example, Problogger uses a contrasting color to bring attention to the subscribe button.
The areas that has large font, catches the eyes of the visitors towards it. On top, the brand is given importance by its location and excess white space. Headings are also highlighted by contrasting colors.
Neutral, soft to the eye background colors: White simple backgrounds have become extremely popular in the WEB 2.0 design concept overtaking the more common intense designs of the past.