) Visual Design of Web 2.0

Original article: http://tech.idv2.com/2006/11/30/the-visual-design-of-web-20-chinese/

Two days ago, we saw the visual design of Web 2.0 on Del. icio. us.
After reading this article, I thought it was quite reasonable. So I sent a letter asking the original author Jonathan if he could translate it into Chinese. The author readily agreed that he only wanted to link to his original article. After a busy night, I finally translated
After that, I found that my English level has actually dropped a lot, even connected to as far... Be Concerned
I don't know what it means ...... Although the poor translation reduced the original text, it hoped to convey the meaning of the original text.

The translation is as follows. (Original article)

Some time ago, the Web 2.0 entries in Wikipedia contained a section specifically describing the visual elements of web, covering gradient, brilliant icons, reflection effects, shadows, and Large fonts.

But a few days later, the Wikipedia voted to remove the "visual element. The reason may be that Web 2.0 features cannot be precisely defined by a series of visual rules. If Web 2.0 is understood as a way to generate and publish content, there is no need to block it in the frame of visual effects.

In fact, most Web 2.0 websites have a unique artistic style. Maybe Wikipedia think this is not part of the discussion in Web 2.0, but I think it is necessary. Let's start our Web 2.0 visual journey and see what the so-called "Web 2.0 style" plays.

 

Please believe that I am Web 2.0

The perfect Web 2.0 relies on the power of visitors. Users can create content for Web Services, spread like a virus through popular point-to-point methods, and improve the quality of content according to their wishes and preferences.

But to let visitors give time and content to Web applications, they must first trust you. In order to gain people's trust, the vast majority of Web 2.0 websites bring us a friendly and friendly impression through the wonderful design.

Spring Breeze and Lujiang South Bank

The bright colors have been favored by Web 2.0 websites. Most Web 2.0 websites use green, but blue, orange, and pink are also very popular. Strong dominant tones indicate humorous attitudes and help people quickly notice important elements on the page.

Round Corner revolution

The new CSS technology supports rounded corners, making the style of rounded corners popular in the world again. The friendly rounded corner style lays a comfortable and popular tone for many Web 2.0 websites.

Fontshop has a wonderful article on analyzing the Web 2.0 icon, indicating that the rounded corner font has become a popular trend. It brings a very modern style to a company's visual image.

Free everywhere

If you have attracted visitors to register your application, you should give it to them with no pity.Free. Almost all Web 2.0 websites have contributed their major funds to the message "We provide free services ". It would be better if this information appears in the ubiquitous star tag.

Photo taboos

On the Web 2.0 website, you can't find any photos-it's a trick for small companies to imitate large enterprises. Simple icons and, when these become Web 2.0 website images, they become today's rules. The three-dimensional rounded corner button makes the page elegant and elegant. If it is not used, it looks stiff.

Simple is beautiful

To improve user experience, most Web 2.0 applications have added technical or organizational layers, such as using del. icio. us to manage links and
Sharing photos, or using backpack to organize tasks, we must be familiar with these new technologies and take some time to manage our content. Good Web
The 2.0 program should be very brisk and easy to use, and clever visual design and text help reduce entry barriers.

Clever Use of layout, color, input, and text can minimize the burden on visitors.

Bigger, better

When talking about Web 2.0, the bigger the better. This indicates a large font. The large text is eye-saving, and the combination with FLUENT writing makes the information easier to absorb. Nowadays, website accessibility is very important, so experienced web designers can use ultra-large text.

Blank vitality

Web 2.0
The website layout can be very small. Clever Use of the blank space can improve the ease of use and ease of use of the page. Blank spaces can separate important information, break your eyes, and give people a calm and orderly feeling. Spacious text
The layout also makes text copying easier. Some Web 2.0 la s are almost intolerable, but if they are well designed, compact pages will also be worthy of deep taste.

Good ideas

Friendly and funny writing allows the author to establish a good relationship with the visitor. A list apart stands out for both Flickr and photojojo. This is a case that many Web 2.0 websites should learn. Webtango does not
It is just free. It advocates "free of additives, cholesterol, ozone-depleting CFCs, and
Most importantly, free to use (no additive, no cholesterol, no chlorine fluoride that destroys the ozone layer, the most important thing is, free of charge )". Tioti not only owns tags and RSS, but also has "tagging and RSS up the yazoo ". David Liu, founder of ffaqqly, is not a non-explicit virtual task, but "your first friend after registration ". Esnips tool bar is not just customizable, it is "a series of cool usage tool bar ". Think of a good idea.

Endless

Web 2.0 websites have many visual design preferences. At first glance, there seems to be no fixed pattern, but none of them are pursuing attention. "Wet table" effect (charlee Note: reflection effect), "Star" effect, "Glass" button, makes a lot of beautiful Web 2.0.

Summary

This is the end of my Web 2.0 visual design journey. Maybe the "Web 2.0 style" will be outdated after one year, but it will definitely make a huge contribution to extending the website life.

Reference

What is Web 2.0?
The logos of Web 2.0
Current style in web design
The Web 2.0 Awards