UI设计教程-使用PS/Sketch设计背景模糊效果

前言

背景在整个UI设计中占有重要地位。背景不同的颜色、通透程度都会给用户带来不一样的体验。适当的通透性能为设计增添空气感。有些时候设计页面，纯白纯黑色贴上去感觉好堵，想要一种通透感，加半透明的话背景透出来信息显得乱糟糟的不美观，这时候就需要用到背景模糊了。

经典例子就是QQ，给人最直观视觉感受就是通透，既能区分列表和标签栏的不同，又减少信息分割，使不同版块信息视觉上糅合为一体。

接下来小编就带大家看看，分别通过Sketch和PS两款软件做模糊背景的方法。

使用sketch背景模糊（主要看操作）

sketch中这个功能很方便使用，先简单说下怎么用吧，放进去一张图片，在图片上覆盖一个矩形，填充颜色为白色。

接下来一步很重要的，调节矩形的填充不透明度（只有调节这个才有效，估计有人跟我一样嫌弃这个不好点所以喜欢直接调节整体不透明度～整体不透明度是不会生效的）

接下来还是选中矩形，执行模糊-背景模糊。上面数值控制模