Every year or so, Facebook tend to roll out a new design and layout. These changes are always met with uproar from users and are eventually quietly accepted. The last major change was ‘Timeline’, which restructured profile pages into linear, narrative-style pages. Now, Facebook have made big changes to their news feed, events and group… Read more »
Flat icon design does not mean boring – Dribbble Icon Design Examples Indeed, flat design can be beautiful and charming, attractive in its purity and simplicity. In a context of an over-abundance of information products, flat design can appear as an island of calm, stability and clarity. Many designers use the method of “almost” flat… Read more »
In this Illustrator icon design tutorial we look at creating a small set of ‘almost flat‘ icons from scratch. First, open the Adobe Illustrator and create a new document. Then create a rounded rectangle using Rounded Rectangle Tool with: Width:200px; Height:155px; Corner Radius:10px. After that create another Rectangle with: Width:36px; Height:36px; Rotate it 45°. Unite… Read more »
Lately there’s been a lot of talk of how the ‘flat icon’ has come to dominate interface design across all different platforms. The flat icon trend can be seen as a conscious effort by developers to return to basics when it comes to design. Of course, the ideal icon is one that explains its function… Read more »
Microsoft does provide a lot of information to Windows Phone App developers about the Windows 8 and 8.1 User Interface, but they don’t tell you how big your icons should be or where exactly they should be placed within the tiles to match Microsoft’s own Application Tiles. This guide provides those answers so you can… Read more »
So here it is… I am very slowly falling in love with Android. This romance is still in its early stages. I am still metaphorically stealing glances from afar, working my way up to my ‘big move’. You see, I have been having a lukewarm affair with iOS for some years now. Never an Apple… Read more »
Icon design is ever evolving. As new platforms embrace the use of icons, new terms and references are dreamt up and older terms fall out of favour. This glossary is an ongoing project to document the icon design lexicon. Contributions are very welcome. 16×16 Pixel Icons This icon size has its own entry here because… Read more »
The evolution of the flat icon, to the ‘Almost Flat’ Icon Style OK, it’s time to nail my colours to the wall. Sorry, but I don’t like the flat icon style. I think they are boring and bland. When they first started appearing and even worse started becoming popular, I did get a little worried… Read more »
Flat design has become very popular recently. Many websites utilise the principles of flat design and simplify their interfaces accordingly. Indeed, many recent user interface redesigns and new websites use a flat design; this trend has begun to appear almost everywhere, both on websites and in applications. Icons are also keeping pace with the times,… Read more »
As Apple have decided to make some changes to their App Icon size and corner radii form iOS7, I thought it would be helpful to myself and others to create a PSD template to both produce all the different Icon Sizes now required, as well as show how these will look on both iOS6 and… Read more »
The evolution of the flat icon, to the ‘Almost Flat’ Icon Style
OK, it’s time to nail my colours to the wall. Sorry, but I don’t like the flat icon style. I think they are boring and bland. When they first started appearing and even worse started becoming popular, I did get a little worried about where things were headed.
Sorry, but I don’t like the flat icon style
Don’t get me wrong, there are some great artists out there who can make some very clever and beautiful shapes and designs in monochrome; it is just a style that doesn’t do it for me.
Fortunately, the ‘Metro‘ trend has evolved quite a bit over the last 12 months or so and ‘completely flat’ seems to have given ground to ‘almost flat’. And that, my friends, is in my book at least, jolly good news. Almost Flat Icons are still very clean and simple but often use gorgeous muted tones and tiny, subtle 3D embellishments and shadows to give them extra punch and lift.
I have to say I really love ‘Almost Flat’; it is a natural homogenising of the extremes of photo-realistic 3D and super stark Metro styles. It is like the pendulum of icon design swung first one way, then the other and now oscillates in every diminishing arcs over this new area icon designers seem keen to explore.
These are exciting times for Icon Designers
These are exciting times for icon designers and user interface designers alike, the trends have spread into operating systems, websites and other media. It is almost like a whole new palette of colours have been unearthed and a new slightly more feminine look is in.
Anyway enough ramble. Here are some of my favourite Almost Flat Icon Designs. Enjoy!
Want a flat app icon that converts?
Your app icon needs to stand out and tell your story
You could easily argue some of these icon designs are bordeline 3D or borderline flat but I think that is OK. These are all interesting icon sets, flat by nature but in my opinion have a little something that lift them in to the realm I call ‘Almost Flat’.
Each of the artists above are visible on Dribbble.