Mobile app version of vmapp.org
Login or Join
Dunderdale640

: Help identifying a style consisting of only basic shapes, like Flat design but more rudimentary Recently, I have been seeing more and more examples of some kind of design style consisting only

@Dunderdale640

Posted in: #FlatDesign #Style #StyleIdentification

Recently, I have been seeing more and more examples of some kind of design style consisting only of rudimentary basic shapes, leaving out as much detail as possible. It's been used for many things, but mostly to illustrate UI.

The following examples could be classified as flat design, but I'm feeling it's not just that. Maybe it's a sub-style or kindred style? Can anyone help me put a name to this style? Maybe Flat Design Blocked? Or Flat without details?



Some examples:

Treehouse shows this a lot


Full size

Also Adobe has been using this style as of late in some of their help docs


Full size

10.06% popularity Vote Up Vote Down


Login to follow query

More posts by @Dunderdale640

6 Comments

Sorted by latest first Latest Oldest Best

 

@Shelley591

As the other answers collectively point out...there is no single term for this.

Adjectives to describe it could include


flat
simplified
iconinc
geometric
wireframed
low-fi(delity)


Like most good branding, it's merely a style that was replicated throughout their branding and that is the key...less so than what the actual style might be called or based on.

10% popularity Vote Up Vote Down


 

@Shakeerah625

You will find similar results when looking for 'Low Fidelity' icons, wireframes etc. The style comes from low fidelity wireframes, used in the early design process to roughly sketch out the flow of a product.

However lately you see a lot of icons in this minimal style and I have found a lot of these icons are labeled as 'minimal flat design' too.

It does indeed fall under flat design as well, and you will find many similar results when looking for flat icons.

10% popularity Vote Up Vote Down


 

@Dunderdale640

I've heard it referred to as blockframing, as in wireframes with block elements.

10% popularity Vote Up Vote Down


 

@Miguel516

It's a concept taken from something called block framing which is simply creating something out of blocks.

10% popularity Vote Up Vote Down


 

@Sarah814

if such figures are hand drawn its called "LOW FI PROTOTYPES" ..so i think in your case it might be called "LOW FI PROTOTYPE VECTOR".. but still im not sure about that

But recently i was also in search of such elements and i stumbled upon some such elements in themeforest. themeforest.net/item/madkit-lowfi-prototypes-uxui-kit/15693066
Hope this helps

10% popularity Vote Up Vote Down


 

@Reiling762

The dashes are usually used in wireframe designs and scamps. I would call this a flat design mockup concept.

When I ran a search I came across this www.titanui.com/17339-flat-designed-mobile-cooking-app-wireframe-psd/
Hope it answers your doubt

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme