Flat design (opens in new tab) was one of the biggest design trends of 2013 - shunning all of the 3D, pseudo-realistic or skeuomorphism (opens in new tab)-based design techniques in favour of a more simplified, classically digital aesthetic. Love it or hate it, companies across the world jumped on the flat design bandwagon. Here, we take a look at some of the best examples from the past 12 months...
01. iOS 7 (opens in new tab)
The mobile operating system that launched a million flat icons... Under Jonathan Ive, Apple went a long way down the minimalist, flat design (opens in new tab) route, although the design is not totally free of gradient or flourish. It's essentially an evolution of the look that at first glance looks fresh and modern while still recognisably iOS. The icons have been redesigned with a new palette of colours and all the elements, including the surrounding chrome, are flatter.
02. Tick (opens in new tab)
You thought you'd seen flat design on iOS 7? Really? Well, Tick (opens in new tab) would like a word. It's a to-do list app - of the type that, honestly, you probably don't need, what with the built-in Calendar and Reminders apps doing perfectly serviceable jobs and that - lent desirability by how thoroughly customisable it, and by its sheer flatness.
03. Instagram (opens in new tab)
During 2013, designers were queuing up to flatten major digital brand identities. One such designer Shadman Ahmed (opens in new tab) who came up with this eye-opening concept just in case photography app Instagram (opens in new tab) should decide to follow the flat design trend. Ahmed, who specialises in UX and UI design, created the concept interface to give "a cleaner looking UI for Instagram".
04. Etch (opens in new tab)
An app design studio based in Canterbury, Kent, Etch describes itself as "5 designers, 2 developers and 1 person counting the pennies". Working across iOS, Android and the web, the studio specialises in UI design, and it practises what it preaches on its own portfolio website.
The website’s look and feel has an unmistakable 'Windows 8' flavour to it, built around a sliding grid of coloured squares and clean, thin sans-serif type. A strip of flat-colour pictograms comprises the navigation bar, rounding off the flat design effect nicely.
05. Taasky (opens in new tab)
This rather crisply designed task management app is proudly minimalist, putting simplicity, speed and ease of use above of all else. Taasky is all about prioritising tasks, with the rationale that we work best when focusing on one thing at once - hence the larger 'priority' task at the top of the list.
06. Car logos (opens in new tab)
Inspired by the failure of clothing giant Gap's simplier logo, designer Philadlj (opens in new tab) decided to turn his hand to the world's favourite car logos. Simplifying the likes of BMW, Fiat and Honda, he has taken the fuss out of the original logo designs and reimagined this series of stripped-back offerings.
07. Facebook (opens in new tab)
This logo needs no introduction - but here's one anyway. Months before iOS 7 was released, social network Facebook quietly released a new flat logo and icons (so nothing like this interesting 3D icon design we discovered). Most users would've had to inspect the new icon side-by-side with its predecessor to spot any differences, but that's not the point for a brand as strong as Facebook.
08. Ford Mustang (opens in new tab)
The logo for Ford's new 50th anniversary logo design (opens in new tab) for the enduring Mustang sports car was created by designer Michael Thompson and follows an internal design competition led by chief designer J Mays. Ditching the familiar, blingy, chrome-effect 3D galloping pony for a flat silhouette, the logo feature son Mustang merchandise in the build-up to the car's 50th anniversary on April 17, 2014.
09. Wiselist (opens in new tab)
One of a slew of beautifully crafted task management apps that draw on the flat design aesthetic (such as Realmac’s Clear), Wiselist was designed by Albert Pereta and Miguel Sanchez, who describe it as "not only simple, but wise". Each of its colour-coded categories contain its own sub-checklists, notes or even relevant files to help you complete the task at hand.
10. Lorenzo Verzini (opens in new tab)
The neat little animated icons that are dotted around designer Lorenzo Verzini's site - including a blinking eye, sliding pencil, and flipping journal - are kept very graphic and simple, with a four-colour palette of red, blue, white and yellow tying the design together neatly.
Liked this? Read these!
- How to build an app (opens in new tab)
- Download the best free fonts (opens in new tab)
- The best collage maker tools - and most are free!
What do you think of the flat design trend? Will it continue for much longer? Let us know in the comments box below!
