Summary: Glassmorphism is a UI design trend that features translucent interface components to create depth.
Glassmorphism is a visual-design trend gaining popularity since 2020 and is prominent in Apple and Microsoft’s design systems. Glassmorphic elements look like frosted glass. Thoughtful use of glassmorphism can help designers effectively establish visual hierarchy and depth. However, without a solid grasp of visual-design principles or if overused, glassmorphism can pose significant accessibility and usability challenges.
What Is Glassmorphism?
Glassmorphism is a visual-design style that utilizes different levels of translucency to create depth and contrast between foreground and background elements, mimicking frosted glass.
Typically, glassmorphic UI elements stand out when placed in front of gradients or complex backgrounds to accentuate depth.