文章介绍了如何在Figma中通过背景模糊效果来创建玻璃拟态设计。步骤包括选择背景、调整形状的填充颜色和模糊值，以及设置上层元素的颜色、描边和投影效果。通过这些技巧，可以增强设计的视觉层次感和透明度效果。
效果展示
通过背景模糊实现玻璃拟态效果
- 选择合适的背景，绘制形状，给形状添加 Effects，点击下方的下拉选择框，选择 background blur；
- 添加后会发现，画面无任何改变，调整 Fill 后面的百分比，此处的百分比专指填充颜色的百分比；
- 当填充颜色调整为50%时，背景透出来，但是画面模糊度不够，因为默认的 Blur 值比较小，调整 Blur 的参数给 blur 一个特别大的数值，再结合颜色填充的透明度来实现玻璃拟态效果 ；
上层元素玻璃拟态效果 （原图越实，玻璃拟态效果越强烈）<
最低0.47元/天 解锁文章
扫一扫
02-25
470
470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
