Trends have spread both in web design and in the design of mobile terminals

Source: Internet
Author: User
Keywords Flat design
Tags .mall apply can make design designs different google google+

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.

Have you ever thought about it? Can you apply it to your project? Is this design a more relaxing 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 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. Flat designs often use 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 modify 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.

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

Minimalist user interface and UI elements. 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, 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." is not completely recognized by everyone.

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

What do you think of 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

Summary

Thanks to its simple features, flat design can be so prominent in information and products. Simple, neat, straightforward. 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 multi-color 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.

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.