Examples of Flat Web Design

by Speckyboy EditorsWeb Design

A couple of weeks back, we talked about the flat design aesthetic. Just in case you missed it, here is how we described flat design, “Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years to achieve what appears to be a ‘flat’ interface.”

And yes, just in case you haven’t yet jumped onto the flat web design bandwagon, today we have put together 20 awesome examples (plus some Dribbble shots) that illustrate beautifully the concept of ‘flat’ in web design.

Microsoft

spacer

SpellTower

spacer

Supereight Studio

spacer

Hundreds

spacer

Women and Tech

spacer

Etch

spacer

Build 2012

spacer

LayerVault

spacer

Squarespace

spacer

FHOKE

spacer

Combadi

spacer

Buffalo

spacer

2012 Year on Twitter

spacer

Voice and Tone

spacer

The Next Web

spacer

…some ‘Flat’ Dribbble shots…

Flat Dashboard

spacer

Subnav Ideas

spacer

Jobs Page

spacer

Podcasts

spacer

Flat Colours

spacer

Instawidget

spacer

Sidebar

spacer

Minimal Dashboard

spacer

For some more Dribbble examples click here: Flat Design on Dribbble.
Or, you could check out ‘Flat Design’ on PatternTap.

More on Flat Design…

What Skeuomorphism Is (And Isn’t)
Skeuomorph on Wikipedia
The Flat Design Era
On the “flat design” aesthetic
Is “Flat” UI design better?
The Flat Design Era – Discussion on Hacker News
The Flat Design Aesthetic on Hacker News

Author: Speckyboy Editors (511 Posts)

spacer

This post has been written by the team here at Speckyboy Design Magazine.

Comments