25 Delicate Flat 2.0 style Web page design

Nowadays, flat design is less "flat" than the initial style, richer details, clearer levels, and a better visual experience make it quite different from the beginning. So Ryan Allen, in writing for Dapper gentlemen, called the Flat Design "Flat 2.0", in which he explained the difference between the initial flat wind and today's flat design, and even briefly analyzed the reasons for this evolution.

Flat design is still in the mainstream, in part because it has a very high degree of compatibility with responsive design, which is the result of gradual changes over the past few years.

As with Ryan Allen in the illustration, the original flat design and the current 2.0 of the main differences are reflected in the details, highlights, gradients, shadows in turn, the light weight of the increase in the flat visual elements, so that the entire design of the information more generous. Flat design is no longer the antithesis of the intended materialization design.

Of course, some of the initial basic features of flat design remain in the 2.0. Simplicity and modern style remain unchanged, but the increase in detail has reduced the degree of simplicity; bright and interesting color usage is still the mainstream color trend of flat design; the pursuit of clarity and elegance is also the main feature of flat typesetting. Of course, the discussion of differences is not the goal of today's article, in the following 25 cases to explore the characteristics of flattened 2.0 is today's theme.

Cybeer Bar

Cybeer Bar is a good entry case: they are loyal to the flat design rules, minimalist style, but the designers to the details and levels to the extreme, clear, color level so that the entire design is full of a different sense of reality.

Christmas with Joy

Popular with the world in different places of the Christmas characters are made into flattened illustrations, it is noteworthy that the use of smooth graphics and unique shadow processing.

Dropbox guidelines

The Dropbox Guide has always been known for its beautiful illustration design, with simple graphics and bright colors combined with a typical flat layout design, which is a model of flat 2.0.

450 GSM

450 GSM is closer to the earlier flat design, and the shadow of the visual element is used very subtly.

Intercom

Bright blue background, stylized icons, steady and not dazzling fonts, rounded corners of the icons and softer details, the entire site's design flattened, pleasing.

Agency Survival Kit

Web site minimalist style and retro red tones are consistent with the characteristics of the flat, while the shadow and texture of the addition of the site to meet the 2.0 design trend.

Hell ' O Baby

Although the site's font elements go the flashy route, but the site's color, corner processing, icon design is very consistent with flat Design 2.0 design style.

Helbak

If you look closely, you will notice a soft shadow effect. The work of the pottery artist of Scandinavia has a typical flat style, and his site naturally uses flat designs.

Paye Ton Caps

This French online game page uses a typical flat 2.0 design style, with a soft and cordial style.

CSS Conference EU

The site's color scheme uses a typical flat color, but the designer adds a lot of gorgeous detail to the site, making it more consistent with the 2.0 design.

Take It

The combination of photos and flattened web sites has no Shong sense.

Google Santa Tracker

Obviously, the flattened design style and the Christmas theme can be perfectly combined. Google Santa Tracker's design style is not purely flat design, dynamic blur and parallax effect, so that the visual elements more hierarchical, more intelligent effect.