Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

What is the name for these type of images ? I love these kind of graphics and it's so flat which totally match to my current product development

http://pinterest.com/pin/474777985686969567/

http://pinterest.com/pin/474777985686969553/

Do we have a name ? A name will make me easy to search/google over Internet.

share|improve this question
1  
Looks like Pictogram –  Ocaso Protal Apr 16 '13 at 6:26
    
Similar question: What do you call these infographic icons? –  JohnB Apr 16 '13 at 11:29
add comment

6 Answers

funnily enough it is known as flat design, usually made as vectors

it became popular with the emergence of the windows 8 UI

http://fltdsgn.com/

http://www.tumblr.com/tagged/flat%20design

http://pinterest.com/warmarc/flat-ui-design/

share|improve this answer
1  
That style is definitely known as “flat design” by the design community and press in 2012/2013. –  Marc Edwards Apr 16 '13 at 11:26
    
There's also an argument that Flat Design "isn’t a trend or some new craze. It’s just called good design" - but I'd say there's more to it as a style than simply having few embellishments and elements or being minimalist. As used in 2012/13 it tends to be associated with particular kinds of colour palette (e.g. rich pastels and cool greys like in the example in the question), tiling, subtle overlays, strong solid blocks of colour and a slightly blocky drawing style. –  user568458 Apr 16 '13 at 12:17
add comment

This is called FLAT Design as the earlier answer.

This style might have become more popular ever since people started considering retina display. To make things crips, designers started using SVG, & font based icons & CSS3. Such a flat style simplifies things and is easy to scale. So end result is a great looking icon/interface which looks great on on retina displays and also is smaller in size.

Main things in these styles of Websites & Icons are:

  1. Solid Colors, i.e. no gradients
  2. If shadows are used, they are not used with any blur. The shadows are also flat colors with no gradients.

For more details you can follow these links:

share|improve this answer
add comment

I would call it vector artwork. This style of imagery would typically be produced in Adobe Illustrator.

share|improve this answer
1  
This might be referring to that style of vector illustration that was big from 2005-2011 or so that awkwardly didn't really have a name and was often just called "vector style" or "vector drawing" etc. The style here is a bit like an evolution on from that style. –  user568458 Apr 16 '13 at 12:27
add comment

Call it what you want. :)

As many have said, 'flat design' is the trendy term.

But generically, they are icons, or pictograms, or line drawings, or what have you. Many names can be applicable.

Several have suggested vector, but vector is a type of file, not really one particular style.

And while it has become popular as of late with Windows 8 / Google / iOS7 / Bootstrap / etc it's certainly not anything particular new. Take a look through some of the early OS GUIs: http://www.guidebookgallery.org/screenshots

Many of the earliest desktop GUIs were essentially 'flat design'. At the time, mainly due to technical limitations. As we've increased computing and display power over the decades, we tended to leverage that in our icon designs to the point where perhaps we realized it was getting a little ridiculous and this modern trend of flat design is just really us having gone full circle. ;)

share|improve this answer
add comment

Search for Flat UI

Flat is definitely the key word here, but specifically interface design has been the source of the revival. Take a look at the Flat UI kit for Twitter Bootstrap.

enter image description here

But not quite flat

A few important components of this trend are it's unflatness. For one, the tendency toward long 45° shadows. The Flat UI kit logo above is a good example.

enter image description here

Also note that the colors are often not purely flat, despite first impressions. Gradients are still commonly used, just not as overtly.

Gmail compose

This question has been raised recently on GD.SE:
How to achieve a gradient in adobe illustrator
How can I spice up my flat iOS icons?

In Almost Flat Design, Matthew Moore succinctly explores the un-flatness of flat.

For the most part, these interfaces stick to the flat design principles of flat colors, no drop shadows, and use of color to encourage specific user actions (e.g. red compose button in Gmail). But if you look closely, that compose button does have a slight gradient. It’s a gradient that says, “Hey, I’m a button you can press,” and not “Woah! I look like I’m made from candy! Oh and you can press me too.”

Where did it come from

I've heard many people suggest that Microsoft's Metro UI was the source. Google was incrementally moving in that direction prior to Microsoft's big push. Android heavily adopted simplicity in graphics with v4 and Google's "apps" line of products has always followed this aesthetic, albeit in more polished fashion in the last 2 years. Of course, now Apple is attempting to follow their lead with iOS 7.

share|improve this answer
add comment

I agree with plainclothes, although I did stumble across this As people have already mentioned; it's flat design. I'd perceive it as a modern trend in vector art that uses a particular colour pallet.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.