Glassmorphism Card

Hello, Glassmorphism

There is a new style on the block right now and it’s growing in popularity. While Neumorphism was imitating an extruded, plastic surface (but still looking like one layer), this new trend goes a bit more vertical. It’s most defining characteristics are:

- Transparency (frosted-glass effect using a Background Blur)
- Multi-layered approach with objects floating in space
- Vivid colors to highlight the blurred transparency
- A subtle, light border on the translucent objects.

That verticality and the fact you can see through it, means users can establish hierarchy and depth of the interface. They simply see which layer is on top of which, just like pieces of virtual glass.
Because of that glassy look, I believe the best way to call it is GLASSMORPHISM.

Source : https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9
Design : Me

Posted on Dec 15, 2020

More by Abdul Syukur

View profile