35 Nice Examples of Flat Web Design | inspirationfeed.com

35 Nice Examples of Flat Web Design



What is Flat Design? As Sabina Idler at Usabilla puts it, “flat design is a two dimensional design for a two dimensional screen.” Flat Design is an ongoing trend sweeping the design community. Well-known companies like Mashable, TheNextWeb, and Microsoft are already utilizing this design aesthetic.

Similar to Microsoft’s Windows 8 Metro UI, flat design shakes off unappealing drop shadows, inset shadows, gradients, subtle textures, and heavy bevels. It takes a fundamentally minimalistic approach by only using bare necessities like clean layouts, solid colors, and sharp typography. Holding hands with responsive web design, flat UI design is suited for mobile interfaces and is easier to code.

Skeuomorphic design is meant to look like its physical counterpart and possess real life characteristics. Thanks to Apple, the popularity of skeuomorphic design boomed since the launch of the iPhone in 2007. To find a common ground with users, designers got used to designing skeuomorphic user interfaces, icons, and web designs. The stitched-leather effect seen in many Apple-designed iOS apps is a good example of skeuomorphic design.

I think that flat design is visually superior to skeuomorphic design. While it’s very cool and beautiful, the calculator app on my iPhone does not need to be an exact replicate of a real life calculator. I completely understand that designers want to make my life easier by designing apps with familiar interfaces. However we’re not kids anymore, technology users are fully capable of figuring out creative, clever, and unique interfaces.

Trends come and go, so don’t get too attached to this one. While flat design might be the new cool kid on the block, in a few year from now he will lose his street cred. History repeats itself, don’t ever forget that.

For your inspiration we’ve assembled a beautiful collection of flat web designs. All images and headings are linked to their source. Enjoy!

Wistia

wistia1 35 Nice Examples of Flat Web Design

Into the Arctic | Greenpeace

into the artic11 35 Nice Examples of Flat Web Design

Carrier

carrier1 35 Nice Examples of Flat Web Design

The Windmill Club

the windmill club11 35 Nice Examples of Flat Web Design

Scriptogr.am

scriptogram1 35 Nice Examples of Flat Web Design

Supereight Studio

supereight studio1 35 Nice Examples of Flat Web Design

LayerVault

layervault1 35 Nice Examples of Flat Web Design

2012 Year on Twitter

2012 year on twitter11 35 Nice Examples of Flat Web Design

By Association Only

by association only1 35 Nice Examples of Flat Web Design

Squarespace

squarespace1 35 Nice Examples of Flat Web Design

Built by Buffalo

buffalo thumb1 35 Nice Examples of Flat Web Design

Plover

plover thumb1 35 Nice Examples of Flat Web Design

Its a Shape Christmas

its a shape christmas1 35 Nice Examples of Flat Web Design

The Best of Kickstarter 2012

the best of kickstarter1 35 Nice Examples of Flat Web Design

Budnitz Bicycles

budnitz bicycles1 35 Nice Examples of Flat Web Design

Simone Marcarino

simone marcarino1 35 Nice Examples of Flat Web Design

Fresh

fresh1 35 Nice Examples of Flat Web Design

Northbound Design

northbound design1 35 Nice Examples of Flat Web Design

OnSite

onsite1 35 Nice Examples of Flat Web Design

Roy Barber

roy barber1 35 Nice Examples of Flat Web Design

Lean Analytics

lean analytics1 35 Nice Examples of Flat Web Design

Foundation by Zurb

foundation1 35 Nice Examples of Flat Web Design

Sumall

sumall1 35 Nice Examples of Flat Web Design

Squidee

squidee1 35 Nice Examples of Flat Web Design

Kin HR

kin hr11 35 Nice Examples of Flat Web Design

Geckoboard

geckoboard21 35 Nice Examples of Flat Web Design

Belancio

belancio1 35 Nice Examples of Flat Web Design

Dolbeau

dolbeau1 35 Nice Examples of Flat Web Design

Lowdi – Bluetooth Speaker

lowdi1 35 Nice Examples of Flat Web Design

Profound Grid

profound1 35 Nice Examples of Flat Web Design

Mark Simonson

mark simpson1 35 Nice Examples of Flat Web Design

Mud

mud1 35 Nice Examples of Flat Web Design

Osborn Barr

osborn barr11 35 Nice Examples of Flat Web Design

Sumall

sumall11 35 Nice Examples of Flat Web Design

Tynan D’Arcy

tynan darcy11 35 Nice Examples of Flat Web Design

Check out our previous articles!

We hope you enjoyed this article! Please don’t forget to subscribe to our RSS-feed or follow Inspirationfeed on Twitter, Google+, and Facebook! If you enjoyed the following article we humbly ask you to comment, and help us spread the word!

Use the (arrow) keys to navigate pages


 35 Nice Examples of Flat Web Design

Igor Ovsyannykov

Igor Ovsyannykov is a 21 year old geek, blogger, and designer. He mostly spends his time working here and sharing resourceful knowledge with others. He also enjoys weight lifting, hanging out with friends, and losing his mind to progressive house music. If you would like to reach him, send him an email to inspirationfeed@yahoo.com

You might also like:

0 Comments

Leave A Reply