What types of flat designs evolve into?

Source: Internet
Author: User

It turns out that the controversy and discussion over flattening has led to a variety of flattened styles. Without argument, there will be no change!

Information level simplification, minimalism, which I think the core of flattening, different designers certainly understand this is also different, we have not found that the recent flattening has changed.

Experiment, add effect, failure! Experiment again, add effect again, succeed, put into practice! It's that simple. So now the flat design has become "less" flat or "more" flat.

Well, first of all, recommend an article a extensive look at the Flat design

We dug up the web a little bit, and we tried to figure out what the designers were doing, what they were experimenting with, and what they were learning. Here are our little discoveries. Let's see what types of flat designs are currently evolving:

Long projection

God sees the flat design and says "To have light", so there is light and then there is a projection.

Extension projection, generally 45 degrees, projection is generally 2.5 times times the size of the object, to add a depth to the icon. Shadows are flat, without gradients, shades, and recessions.

But the downside is that users are often attracted to the shadows, and the user is more concerned about the shadow than the icon. Result in a blocking effect. My personal view is that this design feels like a shadow, not an icon.

The collection of long projection designs are as follows:

Clock

Image:dmitri Litvinov

Ipad Mini

Image:zachary Vandehey

Social Media Flat Icons

Image:graphic Burger

Theme

Image:bosco

Ios

Image:jacob Cummings

Flat design with a gradual change

has become so common that iOS7 has adopted this approach in its design. Add a sense of refinement to the design. With the original intention of the long projection, is to add a little beauty to the icon.

Icons

Image:jee

Camera

Image:rovane Durso

Not the new clear IOS 7 icon

Image:realmac Software

IOS 7 Concept

Image:alex Martinov

Flat Design Icons Set Vol3

Image:pixede

Flat design with shading

The difference between a long projection is that a long projection is a "projection", and this shaded effect can add a sense of level and icing to the icon.

Flat Icons Brownie Theme

Image:sunbzy

Android Icons Set

Image:raul Taciu

Shield Flat IOS App Icon

Image:zachary Vandehey

Squares

Image:oleg Turbaba

Theme

Image:bosco

Flat Icon

Image:bosco

Design of 3D Flat

You might think that flat design is only two-dimensional, but someone is designed to be three-dimensional. Although designed into three-dimensional, but still adhere to a number of flat design principles.

Super Simple Icons

Image:nick Kumbari

ICT7 mockup

Image:dirk Haarsma

"R" Hotel

Image:lewis James.

Squares Isometric

Image:oleg Turbaba

Facebook Icon

Image:tomohiro Suzuki

Flat design with Bevel

They did it! Combine bevel and flat design. The bevel can create a sense of 3D and look at the example below.

Icons

Image:rovane Durso

Blue Web Identity Icons

Image:shaun Byrne

Long Shadow Flat Icons

Image:xklibur Clab

What now?

The world is balanced, and when we suddenly run from the extremes of the object and reach the flattened extremes, we need a little balance and a compromise.

Countless designers have tried to add a bit of refinement to the flat design, and the evolution of the flat design begins.

Breaking the routine, adding decoration, really adds to the beauty. In the maintenance of flat design on the basis of 1.1 points to increase the effect and beauty, the courage to innovate the designer is really not easy.

We have only one path to choose at the same time, but the more paths we master, the better we are, and the more we adjust our paths to reach our goals in our hearts. This is also the voice of many designers. As with all the trends in design, the trend has come and gone, only the designer who insists on it. We need more experimentation, more inspiration, more creativity. How the future is going to wait.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.