模糊

Sketch中有四种模糊方式,你可以在属性检查器的模糊选项中进行调节。

 

・高斯模糊(Gaussian Blur):均匀模糊图层

・动态模糊(Motion Blur):向一个方向模糊,让观看者感觉它在运动

・缩放模糊(Zoom Blur):由一个特定的点向外模糊

・背景模糊(Background Blur):将此图层下边的图层做模糊(静电注:可以用此做iOS的毛玻璃效果)

 

背景模糊(Background Blur)

除了背景模糊,其它几种模糊效果我们都很常见,也很容易被理解。但是我们需要花一些时间来调节填充透明度才能让背景模糊生效。

背景模糊这种效果可以让你在设计稿中呈现毛玻璃效果,这是iOS7及以后iOS及Mac OS系统常用的特性。在执行背景模糊图层下方的内容将呈现模糊效果,你可以在属性检查器中调整模糊半径。应用低不透明度的填充才能让你看到背景模糊的效果。

 

性能

请务必注意:应用过多模糊效果非常消耗系统资源,将会使sketch的运行速度下降,尤其是在多个大型的图层和形状上执行背景模糊的时候。图层尺寸越大,或者模糊效果越多,内存及处理器资源消耗越大,所以请务必尽量“克制”的来使用它们。