说起UI设计的风格，你会想起什么？是经典的瑞士风格？还是冷色调为主的工业风？不得不说UI设计的风格有非常多，但在近几年，有一种风格非常受到广大设计师的欢迎，那就是毛玻璃风格。

毛玻璃风格也成为玻璃拟态，顾名思义，毛玻璃风格就是把页面设计得像是毛玻璃一样。正如日常生活中毛玻璃的材质一样，这种风格会呈现一种磨砂的质感，同时让背景的色彩在透过磨砂玻璃的通透，呈现出一种色彩晕炫的“虚实”美感。

这种风格不单可以弱化色彩亮度的冲击，让设计师可以大胆使用不同的颜色，也可以很好地对不同颜色搭配进行融合，使人在色彩搭配中更能大展拳脚。在设计师MichalMalewicz发布的文章中为Glassmorphism（玻璃拟态）列举了4项主要特征：透明度（通过背景模糊营造的磨砂玻璃效果）；使对象在多层级间悬浮的视觉感受；能够突出模糊透明度的鲜艳色彩；

在半透明对象上添加类似玻璃高光般的纤细边框。

那么我们应该如何做出这种毛玻璃的效果呢？其实非常简单，只要在不透明度，模糊度，饱和度，阴影模糊这几点下功夫就行了。我们首先要对我们设计的成品有一个基本的设想，也可以理解为提前把一块玻璃放在我们设计好的背景上。这样的话，我们就可以非常直观地根据自己的预想进行调整。

一般来说，既然是一块玻璃在背景上，那么边缘就应该有阴影，我们也可以通过边缘的阴影效果，让整个模块更加地立体。一块毛玻璃距离物体越近，物体就会越清晰，反之则是越来越模糊，所以我们对色彩模糊的效果做好了预期设想，我们就可以很好地进行调节。