First original from: http://www.ontoinfo.com/2006/09/13/current-trends-in-web-design/authors present an excellent summary of the eight kinds of design styles, it is recommended to look at the original Author graphic example of interceptions.

1.Web the desktop of
www.yahoo.com
mail.yahoo.com
www.live.com

Pros: looks cool, worth a careful appreciation of the anti-side: spending too much

On the desktop as much as possible close to the beautiful graphics, this is the most elegant style. The result, this style looks great, but requires a tremendous amount of work, but also a waste of network resources. In short, desktop style, with its four weeks point of view, expressive graphics, shadow and imitation of desktop applications and unique.

Desktop elements characteristic example:

Block (block): an area on the screen is usually accompanied by borders, the head, the bottom (border, header, footer), to connect the logic of similar elements, such as: links, text, score card (Note: I think digg that scoreline), the article preview block is usually accompanied by seemingly random shadow (optional shadow).

Mini-block: they are the small images and fine text combination.

Button: This design element with a certain angle, stylized frame, the shadow of seemingly random. Button may be glass, style, and some below the projected light from the shadows generated when the mouse to move up there will be visual feedback effects .

Label (Tabs): they also use the point of view, style of the border, seemingly random shadows. There are hover feedback.

(2) Mercury Orange style
www.mozilla.com/firefox
www.digg.com
www.silverorange.com

Pros: availability of good, lightweight, simple Cons: fashion, followers of the public, a little expensive

Seems somewhat simple, and lightweight in style between the pursuit of balance, the mercury orange and visually rich interface than the more concentrated expression of availability.Unlike desktop-style browsing as trying to impress, but to provide a good usability experience came into being silverorange.com is specifically mercury orange style designer.

Mercury orange-style features for example:

Top Menu: usually it is dark, the text color to light in the background, highlighting the perspective of varied colors and sharp contrast.

Guide lines: more three-dimensional guide wire and contrast the top menu background color, text color is gray.

Text separator: more three-dimensional, separators look moderate.

3 Apple style
www.apple.com

Pros: elegant, with quality, luxury Cons: too distinctive, too much spending

This kind of glass as the main features of the label and button design, the small font is not suitable, but fortunately, if you do not usually use a small font, this style is acceptable. Heavy workload, because you need to do a lot of design characteristic, you need to keep the design unique, so using Apple-designed web, almost impossible.

Apple-style features for example:

Apple menu: Apple menu embodies Apple style, everywhere has the same style: glass button, three-dimensional, rounded ... ...

4, Microsoft style
www.microsoft.com
www.msn.com
www.rsdn.ru

Pros: functional, simple, low-cost anti-development side: you are a MS ally

The main thing, such as Microsoft style website menu navigation clear float the left column, but too earth. Simple, clear but ordinary, just like engineers for engineers created.

Microsoft-style features for example:

Microsoft Menu: Microsoft-style main menu is gray, functional, simple. Occupy only the border of the left column, hover effects, floating sub-menu ... ...

Microsoft style unusual in that header at the three-dimensional,When you glance from left to right, until the upper right corner search box where you will find this feature.

All the block level (block) are gray with clear lines of division, I think this is due to the availability of point of view to consider. People at Microsoft have too broad choice, but one thing is clear: Microsoft's design is simple, functional, usability, good.

Compared to the Apple style, it is not luxurious, but up and running pretty good.

5. Magazine style
www.style.com
www.drive.ru

Pros: attractive, simple, concentrated Cons: requires a lot of photos and text, content quality is the key

Web magazine design style is ... ah, like the magazine it on your computer screen looks like a good visual magazine, so you can see the magazine with the vision for the website.

You will realize that in the high-quality photos and images there are many links to articles.

The target group is a magazine style magazine readers. Not an engineer, not a web designer, not even a geek, this really is out of a group of professional designers, they very love their work and if your goal is this class designer, then for your own work and love it ...

6 rounded simple style
www.youtube.com

Pros: simple, fresh, highlight the anti-side: a bit boring, is not new, is not easy to impress

This design is not bad. Its purpose is to allow the viewer to focus more on content, but also can reduce the flow of typical site (www.youtube.com) and rounded the top navigation only the simplest elements of intentional .

7.Web 2.0 design style
blogger.com
netflix.com
target.com
ruby-lang.org
yelp.com
blubolt.com

Pros: modern, easily accepted by the public, new Cons: usability issues, fixed width

Identification web2.0 design style can be:
- Fixed Width
- Rounded shapes and shadows
- Large print
- Highlight color of the header
-Substantial amount of gray text
- Font wide
- Rounded shape and button
- Shadows, glass effects, more three-dimensional

8.Adobe/Macromedia style
adobe.com
macromedia.com

Pros: clean, simple, balanced, elegant Cons: spending big, outstanding personality, availability problems

This style is much like Apple's style: Once you've seen it, you will immediately identify the other imitators. Spending much of this design, the pursuit of graphic effects, and the pursuit of the overall balance of it is original Macromedia a few years ago style, but still is one of the best web design.

Macromedia style distinguishes: a complex three-dimensional buttons, rounded blocks, the shadow is very unique, fixed width, center of feeling.

Another article were multiple sites of the world's best design, summed up their common characteristics are as follows: 1. Layout simple 2 center position

3.3D effect

4 soft, more natural background color

5 bright colors (but caution)

6 cute icon

7. There are many blank

8 large font


This articlepublished in published in the:Design and Material (http://www.q60.org),copy Please keep this line.