Creating simple, clean yet beautiful UI layouts with Neomorphic designs

#design #career #beginners #webdev

If like me, you get bored of repetitive and templated designs easily, then you probably are always looking for the next breath of fresh air design wise, Neomorphic designs ahve been around for a while now. While some people still dont think its here to stay, others have joined the bandwagon and so have i.

So i thought what else could be better to show i believe neomorphic designs are here to stay than to redesign my personal site to such standards. Below are screenshots, do let me kow what you think about Neomorphic Design and my implementation in the comment section

Link to live project, theres also a dark mode ;)
here

EDIT:
Here is a link to the repo

https://github.com/vvilliam5/aboutme

Top comments (9)

Daniel Schulz • Feb 4 '20 • Edited

I can't really get used to that trend. It's thick bezels and paddings make it feel clunky and unfit for information-dense layouts or mobile layouts in general.
I also see lots of a11y issues. Contrast looks like a main point, but also how do you distinguish buttons from cards?

I can see the visual appeal, but so far it doesn't work as a design language.

Edit: typo

Williams Oluwafemi • Feb 4 '20

Thanks for the feedback Schultz, I agree with you, Neumorphic designs are more aestetics oriented, to give a more pleasant visual experience to the user, the elements look more natural and interactive. And whilst this is good for little content, it might give an awful UX with a more content dense site. Which is why I used it for my portfolio. I think the intent gives a contrast in use between buttons and cards

Jenna King • Feb 4 '20

Nice! I don't think I'm a fan of the design but I appreciate that you're testing and sharing new design theories/approaches with the community. Kudos to you on that.

My concern would be with contrast - the text is hard to read in some areas in both light and dark mode.

Williams Oluwafemi • Feb 4 '20

Hi Jenna, thanks for the feedback, I have had some complaints about the text especially on the dark mode, I have pushed some fixes, so check again and let me know if you still experience the same issue, :)