Flat design casts a long shadow

Ben Moss.
July 01, 2013
Flat design casts a long shadow.

thumbnailWhilst many designers embrace flat design wholeheartedly, it seems a growing number have already tired of its charms and are casting around for the next big thing.

One contender, being championed by some, is "long shadow" design.

Long shadow design produces an effect like looking at an object late on a Winter's day, when the shadows lengthen to dramatic proportions. The effect adds a great deal of depth while still retaining an essentially flat aesthetic.

Typified by a 45 degree shadow that extends well beyond the length of a traditional drop shadow, the diagonal lines are reminiscent of early Soviet posters and collages by the likes of Malevich — produced before Socialist Realism became the only acceptable style. It is a similarly positive, ambitious and idealistic style, which is great for icons and branding.

It's going a little too far to suggest that long shadow design is a solution in itself; it's simply a development within the larger flat design trend. We're likely to see many more developments, both revolutionary and evolutionary, before flat design is abandoned in favor of something new.

Whilst not a solution in itself, long shadow design is perhaps a route towards flat design 2.0, and certainly offers a way to introduce drama, tonality and depth to flat design. Used sparingly it can be a highly effective tool.

ls_000

ls_001

ls_002

ls_003

ls_004

ls_005

ls_006

ls_007

ls_008

ls_009

ls_010

ls_012

ls_013

ls_014

ls_015

ls_016

What do you think of the long shadow trend? Have you used it in a project? Let us know in the comments.

Ben Moss

Ben Moss has designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. When he’s not in front of a screen he’s probably out trail-running.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…