Is Neumorphism 2020’s hottest UI design trend?
Everybody’s talking about Neumorphism, a hot new design trend that’s appeared out of nowhere over the past couple of months – but is it really all that?
Designers love a good trend, and there’s much about Neumorphism that suggests this could be a big one (people are already talking about it as a potential look for iOS 14) rather than an exercise in experimental design. Flat design and its Google-sponsored cousin, Material Design, have been a dominant look in interface design for a good few years, ever since iOS 7 came along and unceremoniously booted out the previous trend for skeuomorphism.
While the name Neumorphism suggests a similar look, don’t panic. Nobody’s about to go back to the bad old days of interfaces made out of fake real-world materials. We did the whole thing of apps that made you feel like you were working on an antique Victorian bureau, and it’s safe to say that we got it out of our collective system.
Instead, Neumorphism combines the best of flat design and skeuomorphism; we’re talking about clean interfaces, given a big hit of solidity through clever use of highlights and shadows. The name was coined by UX designer Jason Kelley in a comment on an article by UI designer Michal Malewicz, and it’s stuck hard.
In his article, Malewicz explored how Neumorphism could be used in interfaces, and concluded that while it was a fun trend to play around with, it came with its own accessibility issues that would cause enormous problems if it was rolled out on a large scale. Specifically, buttons.
To most viewers, Neumorphic buttons look great; all chunky and solid. But for users with sight problems they’re not so hot; there’s just not enough contrast for them to be easily spotted. And even for users with 20:20 vision, a Neumorphic button isn’t exactly going to leap off the page. If you want to grab your users’ attention, then Neumorphism isn’t the way to do it.
In his latest piece on Neumorphism, Malewicz refers to it as ‘the zombie trend‘. He notes that plenty of people are talking about Neumorphism, but nobody’s making any products with it, and yet it refuses to die. So while Dribbble is absolutely packed with Neumorphic mockups, and Cult of Mac is dreaming of Apple implementing Neumorphic looks for iOS 14, there’s very little in the way of real-world examples to give us a feel of whether it really works or not.
Chris Coyier, who shares much of Malewicz’s scepticism, found this handy generator for building Neumorphic buttons in CSS. Have a play with it and you’ll quickly see the problem: Neumorphic page furniture only really works with muted colour schemes. Turn up the saturation to any degree and the effect gets lost; this isn’t a look for anyone who enjoys working with bold tones.
Maybe smart designers will iron out the problems and turn it into a working design system – and one that’s properly accessible. Right now, though, it’s a pretty design toy set; fun to play with, but you wouldn’t want to build a serious project with its tools.
Original article : Neumorphism