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

Wistia

Into the Arctic | Greenpeace

Into the Arctic | Greenpeace

Carrier

Carrier

The Windmill Club

The-Windmill-Club1[1]

Scriptogr.am

Scriptogr.am

Supereight Studio

Supereight-Studio[1]

LayerVault

Layervault[1]

2012 Year on Twitter

2012-Year-on-Twitter1[1]

By Association Only

By-Association-Only[1]

Squarespace

Squarespace[1]

Built by Buffalo

Built by Buffalo

Plover

Plover_thumb[1]

Its a Shape Christmas

Its-a-Shape-Christmas[1]

The Best of Kickstarter 2012

The-Best-of-Kickstarter[1]

Budnitz Bicycles

Budnitz-Bicycles[1]

Simone Marcarino

Simone Marcarino

Fresh

Fresh[1]

Northbound Design

Northbound-Design[1]

OnSite

OnSite[1]

Roy Barber

Roy Barber

Lean Analytics

Lean-Analytics[1]

Foundation by Zurb

Foundation by Zurb

Sumall

Sumall

Squidee

Squidee

Kin HR

KIN-HR1[1]

Geckoboard

Geckoboard

Belancio

Belancio[1]

Dolbeau

Dolbeau[1]

Lowdi – Bluetooth Speaker

Lowdi[1]

Profound Grid

Profound[1]

Mark Simonson

Mark-Simpson[1]

Mud

Mud

Osborn Barr

Osborn-Barr1[1]

Sumall

Sumall

Tynan D’Arcy

Tynan-DArcy1[1]

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


Igor Ovsyannykov

Igor Ovsyannykov

Igor Ovsyannykov is a 23 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: