👩‍🎨 Neumorphism 2020 Web Design Trend

👩‍🎨 Neumorphism 2020 Web Design Trend

Adam

Mr. Webwide
Administrator
Local time
05:08
Joined
Sep 24, 2019
Messages
1,252
Pronouns
he/him

Screenshot of banking app in a modern skeuomorphic style

Been reading up on 'Neumorphism' or 'Neuomorphism' (from skeuomorphism) today. An upcoming design trend. What do you make of it?

Some neumorphism resources below:

I can see this becoming popular in the Dribbble-sphere but don't expect to see too much application of this on the web due to the difficulty replicating in high fidelity using just CSS. Possible, of course, but it's no secret why flat design took off so much in the web design world.

 
Last edited:

TGDesigns

Member
Local time
05:08
Joined
Nov 20, 2019
Messages
73

I like it stylistically but not for actual use, I worked on something like this in Figma but never got round to finishing it. It was more of a test to see if I could mimic the style and design.

 

kilian

Member
Gold Member
Local time
06:08
Joined
Oct 7, 2019
Messages
60
Pronouns
he/him

It looks fun and new, but I think it would get tiresome very quickly in regular use.

 

ZillieZephyr

Member
Local time
00:08
Joined
Oct 25, 2019
Messages
16

I responded to his follow up article. He brings up some pretty good points as to why it shouldn't really be chocked up to more than a short trend.

 

RobinHood

Member
Local time
05:08
Joined
Jan 6, 2020
Messages
26

I like it quite a lot. Saw it posted elsewhere the other day.

There's definitely room to bring elements of skueomorphic design back.

I worked on a theme a few years ago where I added some 'neumorphic' elements to it and I still love the look of it.

EDIT: Why can't I upload images?

 

JacobHegwood

Member
Local time
00:08
Joined
Nov 19, 2019
Messages
37

I really honestly think it might catch on in the long run. All it is going to take is a big software company to start using it and it's game. Everyone said the internet would never catch on... look at us now.

 

Talia

Member
Local time
00:08
Joined
Jan 21, 2020
Messages
84

I like the way it looks, and in general I like the idea of a fresh new design trend that brings back skeuomorphism and creativity in a modern way. But I think it probably needs to evolve before I can completely get behind it because right now it seems a bit impractical and low-contrast.

 

Talia

Member
Local time
00:08
Joined
Jan 21, 2020
Messages
84

I often see Neumorphism show up on Codepen (that's where I first saw it, actually) and here's a good example that showed up today:


I think it both shows how awesome Neumorphism looks and the fact that it's a bit flawed, in that I think that the contrast between the outline of the buttons and the background is not great. When you hover over the buttons and they become "lower", the contrast is significantly better. At any rate, I can't deny that it's certainly cool-looking.

 

Adam

Mr. Webwide
Administrator
Local time
05:08
Joined
Sep 24, 2019
Messages
1,252
Pronouns
he/him

I often see Neumorphism show up on Codepen (that's where I first saw it, actually) and here's a good example that showed up today:


I think it both shows how awesome Neumorphism looks and the fact that it's a bit flawed, in that I think that the contrast between the outline of the buttons and the background is not great. When you hover over the buttons and they become "lower", the contrast is significantly better. At any rate, I can't deny that it's certainly cool-looking.
Thanks for sharing Talia! That is a great example. I am still of the impression that it looks technically impressive and aesthetically interesting but I wouldn't actually want to use an interface designed like that.

 

Adam

Mr. Webwide
Administrator
Local time
05:08
Joined
Sep 24, 2019
Messages
1,252
Pronouns
he/him

Found a few more Neumorphism/Neuomorphism examples, but I can't quite put my finger on why none of these feel quite right to me:




 
Last edited:

frood

Member
Local time
06:08
Joined
Oct 13, 2019
Messages
31

I found my style before flat design arrived (see example, and ignore the misaligned search icon)... so I will steal from this what I like and ignore the rest.

For me, the major UI paradigm shift happened with the change from Workbench 1.3 to Workbench 2.0, with perfection being achieved with WB 3.0 and Magic User Interface. Being able to draw very slight gradients at nearly no cost on top of that, well, that's a gift so awesome I'm not surprised humanity had to crush it underfoot with flat design.

 

VickiLanger

Asks "why?" too much
Gold Member
Local time
01:08
Joined
Oct 7, 2019
Messages
189
Pronouns
she/her

I like the look quite a bit, but not in a I-would-use-it kind of way. I think it’s probably best to stay in the dribbblesphere. I can imagine it being awful for accessibility. Even if you aren’t colorblind, the subtleties can be hard to pick up. If you can manage a AA contrast, maybe it’ll look okay, but I dunno

 

Sharkie

🦈
Gold Member
Local time
02:08
Joined
Feb 14, 2020
Messages
133
Pronouns
She/Her

As a lot of people here, I like the look but can never see myself using it. The accessibility issues just make it more hassle than it's truly worth, I think.

 
Top