Flat design training

Summary: This article will show you a lot of cool examples and even a free user interface toolkit for you to download and use. But what if you were going to do if it were your own? To the point, color is the most important part of the trend toward flattening. flat

This article will show you many cool examples and even offers a free user interface toolkit for you to download and use. But what if you were going to do if it were your own? To the point, color is the most important part of the trend toward flattening.

Flat design training

Flat design You can understand it in plain terms: a design that uses simple effects or no special effects to create, it does not contain 3D properties. Effects such as projections, bevels, reliefs, gradients, etc. are not used in the design.

Flat design gives the impression of people are usually very simple, even if it can be done very complicated. Simple, direct and friendly features also make it popular mobile interface and fashion website design of all ages.

To learn more about flat design trends, check out this article before.

Define the color palette

When it comes to color, flat design will be used a lot, but designers usually choose to use bold and bright. How to use the colors to make the design different? Designers open the palette, most will choose bright, high saturation to use, occasionally use gray or black. Many traditional color-matching rules, including rainbow palettes, are thrown out the window.

In fact, in the final analysis is the color and saturation match. Although the tone, the designer can have a lot of choices, but usually begin to choose each other color depth. It is either a primary or secondary color combination or another part of the color wheel that contains more black and white color mix.

A flat design color scheme, people will think of high saturation, bright, retro or monochrome blocks and the like. This is not to say that this is the only option, but trends have made them more popular.

Bright colors

Bright colors create a distinctive feel for flat design. Because it can get very good contrast in bright background and dark background, in order to attract the user's attention. This is why it has become a trend toward flat design colors.

Where do you start?

FlatUIColors.com website has a lot of flat design of the popular colors, is a good start for the project. Whether it is bright blue, green, or yellow, orange, you can find the epitome of popular colors. The most important point about this site is that you can choose and download color values ​​locally for free. (Personally, I am flirting with gray.)

Designmodo has further integrated the light-colored design outline into its recently released Flat UI Free suite, including flat design, popular icons and color palettes (which is simply awesome for newbies), and the interface is easier to use.

In the design of the use of strict primary colors are not common, such as pure red, pure blue, pure yellow, generally mixed use. If you want to do your own color scheme, please note concise. Remember to choose a similar hue and saturation, of course, can also accept our recommendations.

Bright colors: You can try these colors together, or mixed together. They perform well on white or black backgrounds.

More popular are: blue, green and purple.

Vintage color

Vintage is also a popular program for flat design.

These built-in bright colors based on the unsaturated colors, combined with the contrast of white content, looks more gentle. Is not there a kind of old campus feeling. Vintage color schemes often contain large amounts of orange and yellow, and occasionally red and blue.

Vintage is very common with primary colors and secondary colors, because they give people a feeling of relief.

Vintage: This type of color suitable as the main color elements, with patterns or soft colors, the best results.

More popular are: orange, peach, plum color and dark blue.

Single color

Single color schemes are gaining popularity. It relies on a single color black and white to create a new color tone.

Most single color schemes are one basic color with 2-3 other colors. The most popular colors are blue, but there are also designers using black (or gray) as the base color, with red buttons or actions. Another approach is to take advantage of color differences. Like blue, you can add green tones to create a bluish-green scheme.

At the same time, single-color schemes are also extremely popular in mobile and App designs.

Single color: Like other color schemes, you can get many different hues based on the parent color by adjusting the contrast. For example, the original color contrast is 100%, you can look at tune into 50%, 20% and 8% respectively, after what is.

More popular are: blue, gray and green.

in conclusion

In fact, the real cause of flat design fire up is: This concept is very new and interesting. You can realize this in the project.

It's cool to have a color scheme that matches your project to help users make better use of the site. Now, beyond the shackles of traditional color matching, to create a more comfortable flat color scheme.

Come on, download Flat UI Free or use your existing color scheme to get started with your project.