I love flat UI,tips and resources for flat UI

Flat design has came out and given the theory of simplicity is beauty.Flat design is totally different from those complex stuff or design,it depends on simple and light colours,vectors and simple typography.

As flat design has no shadows,gradients or any type of complexities then it is easy to make but there are some resources and tips to create your best out of it.
The examples below describes why high end brands chosen Flat UI.

Simplicity rules

This is Facebook Developer's logo

Flat design is totally based on simple idea.Using of 1 primary colour with white is the colour scheme you can choose.Using of complex properties like shadows and gradients are not included in it.Since the flat design is simple,you can create fascinating design under its roof and not design logos and favicons can also be made.

The thing you must know before create a flat design logo is to use a vector of white colour on a a primary colour,as in above picture it is show.Because of its simplicity,it is easy to identify this logo in place of favicons.

Choose the colour wisely

Colour scheme creates a major difference.The colours that are been used are light and or mid tone but not dark,as they do not look good.

Light Colours

Dark Colours

These colours are for sample only,you can choose on of your primary colour.

I still love simple typography

Simple typography refers to simple font that could be serif or sans-serif.But,flat design base on sans-serif,sans-serif are those fonts that do not have a stroke at the end of every letter.

The font that flat design can use is Segoe UI in computer or you can use Open Sans for web-designing projects.They both have too much resemblance or even same.Both have light,semilight and lots of different font options to choose with.

Examples of Typography

Do not forget blocks

Blocks are essential element while creating a flat design,as whole Flat UI depends on blocks.Each block have different colour and have less or no spacing between them which make an attractive look of flat design,as for example as I've shown in the picture below.

As you can see that each element is enclosed in a block,it is one of the element of flat design,do not forget to use these blocks,they look so pretty so code them pretty.

Wanna make some more elements?

Metro UI has provided all types of elements like forms,accordions,tables and much more too checkout.If you wanna make something really impressive using flat design then you must try this.Metro UI and Flat UI have a bit difference but both of them looks good and can be use to create a modern 2.0 web.

Why don't you look at some of the inspirations below of some of the website have flat design that has gain a bunch of popularity in the themeforest marketplace.

Conclusion

Flat design is changed the concept of using colours and vectors in the web-designing,instead of using old designs the flat designs are considered as modern and fast because they do not have more images or something like that,instead they are totally depends on colorful blocks and simple typography,why not as simplicity is beauty.