Glassmorphism
Glassmorphism
A design technique that blurs the background like frosted glass to create a sense of layered depth.
In Simple Terms
Glassmorphism is a technique that places frosted-glass-like panels with a see-through background on the screen. You'll often see it on smartphone notification screens or computer settings screens. Because the background beneath the panel appears faintly blurred, it creates a sense of depth on the screen. Even when multiple panels overlap, it becomes easier to recognize which one is in front and which is behind.
Behind the Name
The name Glassmorphism combines "Glass" and "Skeuomorphism." It was coined when the blurred, translucent background effect long used in operating systems was rediscovered as a UI trend. The name reflects a style that brings the texture and depth of real glass into the screen.
Take a Closer Look!
Glassmorphism is a design technique that gives on-screen elements a translucent, frosted-glass-like texture.
Simply put, it combines "background blur," which blurs the background, with a "border," which makes the edges of elements glow white.
Using this technique gives the screen a sense of transparency and depth.
Layering blurred panels over bright colors or vivid gradients creates a look that feels vibrant and dimensional.
Rather than each button or frame standing on its own, it gives users the sensation that elements are floating in space.
It also has practical benefits.
Because the background isn't completely hidden, users can more easily keep track of where they are within the interface.
However, if the background is too complex or the panel's transparency is too high, text can become hard to read.
For that reason, it's often designed with a balance between readability and visual beauty in mind.