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?

Radio Player App 🎛 | Neumorphic concept


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.

the neumorphism process
The Neumorphism Process


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.

Neumorphism Dark Concept
Neumorphism Dark Concept


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.


Neumorphism design
neumorphism designs dribble

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

More Articles for You

Prototyping : the definitive process and advantages to your product or business.

80  Prototyping. What is it? Think about the last time you tried to describe a complex or an abstract concept …

— Featured —

8 Social Media Tools to Improve your digital media strategy (free and paid).

73A digital media strategy is key for the success of any brand online. As all marketers know by now, social …

— Featured —

How to build a digital presence for your business in Kenya.

75Let’s face it, Covid-19 has only been a catalyst to the inevitable digital transformation. Hey, if you missed the news, …

— Featured —

Truecaller and Madavi Partnership in Kenya || What it means and its benefits

81Truecaller and Madavi Partnership in Kenya || What it means and its benefits Madavi uses a narrow human-centric technology to …

— Featured —

8 Proven Website Marketing Strategies for growing your business

83In this article, we take a look at eight of the best website marketing strategies and how you can use …

— Featured —

Influence of design on usability of applications || Best mobile design practices

97Should you create an app with a good experience or a better design? An app’s look and feel on the …

— Featured —