Even since Apple previewed its iOS7, Flat design has became even more famous in web industry. If you've been keeping yourself cutting edge, you should have heard of Long Shadow Design. Long shadow design evolve The differences between Flat and Long Shadow design? In Long Shadow Design, it's okay to have gradient, texture and even drop shadow.
I first heard about long shadow design from an article written by Jeff Escalante, I guess he must be pretty famous now because I think he is the first person noticed this trend. His article attracted many attentions, especially designers, you can see its effect in dribbble, just search long shadow, you will get heaps of result. Also, there are already a few articles were written specifically about it.
- Flat design casts a long shadow - WebDesignerDepot
- The latest trend in web design - Long Shadow - Entyce Creative
- Long Shadow Design - DesignModo
- Long Shadow Design - HongKiat
However, so far, I haven't seen a project that actually using this design. It's more like "cosmetic treatment" to user interface elements such as icons at the moment. I hardly see it used in elsewhere.
With some basic understanding and basic skill in Photoshop, you can create this effect pretty easily. Just find some flat or glyph icons, and add a long shadow rest at a 45-degree angle (left or right direction). Here is a quick example I made, pretty cool huh? Comparing flat and long shadow design, for some unknown reason, long shadow seems to be more attractive. I have no ideas what sorcery is this.
Here we have a collection of Long Shadow designs from different designers. You can see how they utilise the shadow, its direction, gradient, texture and drop shadow. Some them don't even have its flat look anymore.
I'm not very sure if this a fad or a trend that will last for a while, but I do like how subtle disproportional shadow makes flat icons look attractive. So far, you can see long shadow design impacts user interface elements the strongest. What do you think about long shadow design?