3. More depth (with semi-flat design)
Card design for the Galaxii game app by boorykin
We’ve been seeing them a lot lately, and it’s safe to say that shadows are officially back in 2018. Like gradients, shadows were put on the back burner as we stripped realism and skeuomorphism from our designs in favor of extreme minimalism and two-dimensional design.
In hindsight, depth was a valuable tool for helping users determine visual hierarchy, input fields and calls to action on screen. Designers had been experimenting with “long-shadows” as an acceptable means to add more dimension to their flat designs when Google Material Design reintroduced real shadows as an enhancement to their UI. The idea quickly spread outside of Material Design and designers began reintroducing shadows of their own. These shadows were large, soft, sometimes colored and added subtle depth and dimension unlike their harsh, overused, “drop-shadow” predecessors.
An example of material design. Via Inbox by Gmail
The purists may not like it, but depth has proven that it can fit within the evolving ethos of flat design by improving usability and simplicity, both of which are core principles of flat design. Going forward you will see shadows become a staple of the “semi-flat” design movement. We’re already seeing them being used to enhance icons and illustrations, as well as websites, app interfaces and even print designs.
Subtle shadows help the UI components pop in this unique design. Codecourse homepage design by His-P Design Studio