毛玻璃风格是近两年来继新拟物化之后流行起来的视觉设计风格。“Glassmorphism” (毛玻璃)，这一词来源于glass (玻璃) + morphism (形态主义)，其风格的最大特点是像玻璃一样的通透性，可以透过表层看到背景的模糊形态，因此而得名。
毛玻璃风格的四个特征：背景模糊凸显玻璃透明质感、多层级让物件看起来有悬浮感、鲜艳的色彩突出透明性、半透明物件的伴有轻薄微妙边框。以下图片来自花瓣搜索“毛玻璃风格”得出：界面、ICON、海报等设计样式。
（APP界面设计）
（Icon设计）
（海报排版设计）
由此可见，毛玻璃风格在各个设计领域中得到了广泛的应用，接下来，我们来学习一下类似下图这样的毛玻璃效果的制作方法吧。
一、首先，我们通过一张动图，大概了解一下制作过程。
二、教程详细步骤部分 （操作演示软件版本：Sketch 53.2）
前期准备工作
1、新建文档：打开Sketch软件新建文档，点击Choose确定。
2、绘制圆形：用圆形工具按住shift+鼠标左键拖拽绘制正圆，选择填充颜色，这里单色或者渐变色都可以。
3、绘制圆角矩形：用圆角矩形工具鼠标左键拖拽绘制圆角矩形，设置填充颜色为白色，选择线性渐变，鼠标左键双击色条端点调整透明度，左上角40%、右下角10%。设置圆角矩形的描边样式。
一键生成毛玻璃效果（关键步骤）
1、选中圆角矩形：右下角样式里勾选“模糊”，右键“高斯模糊”切换“背景模糊”，调整到合适的模糊数值。
(简简单单模糊效果就做完啦～）
最后可以导出图片放到自己会用的软件里，根据自己的需求排文案。
三、总结与思考：虽然很多设计软件都能做出同样效果，但是我们日常生活中要多看多学，积累方法，在工作中我们才能找到效率最高的方法以提高我们的工作效率。比如毛玻璃效果用ps也可以做，但是相对比Sketch要复杂很多，耗时耗力且效果也不一定比Sketch中一键生成的更完美，因此多款软件结合应用使我们更高效哦！
版权声明 | 文章配图仅供学习参考，引用图片版权归属原作所有
如有问题，请及时与我们联系，我们将第一时间做出处理
