Design trends: Neumorphism. Part 2

Shabier Jagoori
2 min readFeb 19, 2020

In this second part of this series, we’ll be exploring dark mode. Despite its beautiful effect, it has several flaws.

Neumorphism in dark mode

Let’s talk accessibility

In the illustration below, the button grabs the viewer’s attention a lot. It is crucial to keep in mind whether the neumorphic effect is a good fit for your designs.

Neumorphic buttons in a music player

In the following illustration, we can see that the button, table, and header share the same effect. Although it is gorgeous, it is not correct. See, using the neumorphic effect on components that do not follow the skeuomorphic principles will confuse your users and counteract the interaction.

A design from part 1

Dark mode

The same music player but in dark mode

As illustrated above, the neumorphic effect goes well with flat UI in dark mode! It’s essential to keep in mind that the top shadow is dimmer in this mode!

Posted by @Interfacely_ on Twitter

Thank you for making it to the end of this post! Did you like this post? Clap those hands! 👏

PART 1: Design trends: Neumorphic design

--

--