Flat design: What have you gained in this trend?

Flat design-The design area that was so popular many years ago-has come back again. Many new Web sites and redesigned sites have adopted flat-design schemes that have spread both in web design and in mobile-side design.

With the windows8 of flat design aesthetics and the launch of a new version of Google, as well as other popular sites using this flat theme design, this flattening trend will likely be more pro-Lai.

Did you ever think about it? Can you apply it to your project? Will this design give you a more relaxed working experience?

The flat design has a kind of fascinating beauty. Without a lot of grooming, it can deliver a message in a straightforward way or help a product and an idea become more pervasive. So, before the next new design trend arrives, we must now take a good look at the current design trends.

What is flat design?

Flat design is precisely by discarding any additional effect way, created a "0" 3D attribute design scheme. Here, there are no drop shadows shadow effects, bevels bevel, embossing emboss, gradients gradients, and other methods to help lift elements produce a concave-convex effect relative to the screen. Icons and UI elements that do not have feathering edges and shadow effects are also very clear.

Flat minimalist is the soul of flat design.

Flat design is not a total abandonment effect. It's just that there's no deep depth and dimensional dimension that can make a person feel a stereo. What can we even think that more design tends to be "quasi flattening" category, at this time we from the product's overall perspective, still have a small part of the effect.

Technology

Forget all the cosmetic elements. They are not the place to be concerned with flat design.

Here we need to focus on color. A flat design often uses a lot of bright colors. From the color swatch, color and hue, color is indeed the promotion of flat design an integral part. With the color aspect of your logo, you can make your site fascinating. Just using white and black in a flat solution can produce good results, but you think that the effect is going to go further and that you can use more color.

Note the font. Text is essential-they provide information and it serves as a tool to guide your users on your site. Use some interesting and unique fonts to decorate your text, of course, here you should stop thinking about Arial (Microsoft font). Pick out the fonts to match the message you want to express. Remember that the gist of flattening is minimalism, so in the use of fonts, we should consider how they fit this point. Simple sans Serif class fonts are widely available in this scenario. Or we might as well do a little "deviant" approach, consider more in a flat design option to choose a novel font as an art element, which must be more eye-catching than the use of simple fonts.

Do not cherish words like gold. Many flat designs also use a small amount of text to create a minimalist style. So, therefore, we want to make sure that the table plays an important role in every word.

A minimalist user interface and UI element. The buttons used for being clicked do not require overly complex design. As long as these stylistic elements are clearly defined, they will not hinder them from becoming "competent" buttons. These elements include colors, outlines, frames, or even different fonts or shapes.

Create hierarchies. In a flat design, even when the shadows shadow is used in the clicked area, the gradients gradient, the bevels bevel, and other effects are specifically noted, some people still feel that the area used for the clicked is not obvious enough. Suffice it to say that creating an obvious hierarchy is extremely important on any Web site. We want to make it clear to users to do your site. If the link itself has a different color or is included in the same area for the user to click, then the link should be clearly displayed.

The naming of Flat design

Around the "flat design." There is a lot of controversy about this name. Now you're going to see the name "Flat design." Nor is it absolutely recognized by everyone.

Different corporate groups have tried to use other names, such as minimal design and honest design, which Microsoft has even called "authentically digital".

What is your opinion on this? Let's brainstorm in branch.

Flat Design Revelation

Many people say that flat design is just beginning to pop in the design/development community. Here are some of the best resources for the flat design from Pinterest and dribbble, and consider how you can use them for your next project (we need to be aware that the Pinterest itself does not use flat designs.)

Flat UI Design Pinterest board by War Marc

Flat UI Pinterest board by Marco Heutink

Square UI elements on dribbble

Santa Tracker icons on dribbble

Flat UI on Dribbble

Square UI on Dribbble

Haraldur Thorleifsson on Dribbble

Bobby McKenna on Dribbble

Griffin Moore on Dribbble

Kyee on Dribbble

Kyee on Dribbble

Summarize

Thanks to its simple features, flat design can be so prominent in information and products. Simple, neat, direct. This style design is better on the small screen, especially on mobile, but many people feel the same way on the big screen, and Android platforms and Microsoft phones also use flat designs on their operating platforms. (Apple is a relative exception, it uses skeuomorphic scheme)

It is relatively difficult to add to the flat design because there is no more shadows cosmetic effect to hide your design deficiencies, and in this case, you have to take care of every detail. Flat design also in the many colors of the scheme has a decent performance. Whether it is gorgeous color, or black and white gray can be in the flat design to find a place. On the other hand, it is understandable that there are only two colours in the design of the plane. But if the entire page design is so, it does make people look a little scary, at this time, we may consider adopting a "flat surface scheme", so that a small amount of effect to modify.

English original, translation: W3cplus