9 site typography tips
Typography for a web site is a rather important design element, which in RuNet is somehow not very pronounced. This issue is often raised on English-language foreign design blogs, we…

Continue reading →

6 main stages of website development
I was recently told in the comments that some posts do not correspond to the format of the blog, which is positioned as a useful resource specifically for web designers.…

Continue reading →

Jacob Nielsen
I decided to dilute the publications with all kinds of pictures and materials for downloading a very interesting article about a famous person in narrow (and not so) circles. I…

Continue reading →

Web 2.0 style design: simplicity as art

Perfection is achieved not when there is already nothing to add, but when nothing can be taken away (Antoine de Saint-Exupery. “Planet of people”, 1939)

Far in the fall of 2005, with the light hand of publisher Tim O’Reilly, the term Web 2.0 was firmly included in the lecture by web developers. Like any new term, it still remains the subject of lively discussion, during which the main feature is identified, which is no longer in doubt. Having replaced the “old” Web 1.0, Web 2.0 has become a new model for the existence of the Internet community, where an ordinary user becomes a direct participant and creator of the content of the site. From now on, the priority tasks for developers were a user-friendly interface and a simple, but at the same time stylish design, which determined the characteristic features of the design in the style of Web 2.0.

web 2.0 design
Consider what design techniques are used most often when developing sites in the style of Web 2.0, so to speak, the main features of the style.

Nothing extra. Simplicity is becoming a top design priority. Refusal of additional decorative elements radically simplifies navigation and concentrates the user’s attention.

Attention to the center. Now on the vast majority of sites the bulk of the information is located in the center of the screen. This not only allows you to see the usual placement in any browser, but also simplifies the perception due to visual ease.

Three columns is the limit. If a few years ago, placing the material in three or four columns was the norm, then in the design of Web 2.0 the developer will have to meet the minimum number of columns without cluttering the screen to the brim.

By Senka and a hat. Of course, a separate horizontal section at the top of the page, separated from the rest of the content, has been used before. But now you can’t do without it, because it essentially becomes the main navigation reference.

Red – stand, green – go. Functional zones highlighted in different colors help the user quickly navigate navigation, main content, a reference array, or other material.

Simple navigation. On each page of the site displays a clear, simple, clear and at the same time a fairly large navigation menu. The same recommendation applies to the reflection of hyperlinks, they should be well distinguished by the rest of the content on the page.

Clear logo and original icons. In the design of Web 2.0, a noticeable, vivid and memorable logo fits into the minimalist environment of the page content. Easily recognizable icons for the most important elements of the site are also of serious importance, this improves navigation and usability of the site. We already wrote logos of various projects on the Web about Web 2.0 – we advise you to read, or even better, look at all the pictures in the article.

We write in capital letters. Web 2.0 style sites typically use a fairly large font size. A large size allows you to maintain simplicity and functional design, because the small print is perceived more difficult, especially when quickly scrolling or on LCD monitors in bright sunlight.

Large-text inserts. Web 2.0’s democratic design allows the use of headers and other very large text boxes. This technique is most often implemented in the form of a graphic object and makes it easy to capture the user’s attention, even with a quick page scan.

Bright colours. Green, muted orange, blue, pink – most often these light juicy colors are used in the design of Web 2.0, and allow the visitor to draw attention to important elements of the page.

3D effects. Since this type of design uses a very small amount of photographic material, designers often use simple, pixelated graphics, and moderate use of shadows, gradients, reflections, reflections, etc. help make the interface more real and enjoyable.

Flash stars. These small tags in the form of flashing stars help the visitor pay attention to important sections of the site, for example, sale price tags, etc. We also recommend that you look at the article in web 2.0 style badges for the site where we have collected a couple of suitable examples.

We hope that our recommendations will help the developer to take into account the main features of the design in the style of Web 2.0, which today remains not only a manifestation of fashion, but also evidence of the popularity of Web 2.0 technologies. As for the examples, there are a lot of services on the Internet that can not only boast of an appropriate design, but also offer us functionality within the framework of the famous Web 2.0. Many examples of such sites can be found in my blog Webdvanolnye notes, where I collect reviews of Internet services and sites useful to people. There you will certainly find many sites with Web 2.0 design. By the way, if we talk about designs and examples, then something can be found in the selection of web design trends (in 2009, there are 3 parts), but in general, if you are an active Internet user, then finding such solutions is not so difficult.

6 Tips for Creating One-Page Websites
One-page websites are becoming popular and fashionable now - there is no doubt about it, although they are not suitable for every topic or organization. However, if everything is done…

...

Stages of development of a web designer and reaction to criticism at work
Just as a singer cannot exist without listeners, so a designer cannot exist without a spectator. And this viewer, of course, has the right to his opinion on the evaluation…

...

Jacob Nielsen
I decided to dilute the publications with all kinds of pictures and materials for downloading a very interesting article about a famous person in narrow (and not so) circles. I…

...

In Defense of Eye Candy
(“Eye candy” is translated by one of the ABBYY Lingvo dictionaries as “something pretty, attractive, pleasing to the eye (person, thing, etc.)”; also “Eye Candy” is the name of the…

...