Sketch从入门到精通-Sketch3四种模糊方式

现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。

首先是最常见的高斯模糊(Gaussian Blur),在右侧检查器最后几项里

clip_image002[4]

高斯模糊是可以使模糊对象特别均匀,无论是颜色上还是模糊的程度上来看,都比较均匀和自然,这也是大多数设计师喜欢用高斯模糊的原因。如下图,看一下高斯模糊的效果:

clip_image004[4]­

接下来要­介绍的是动态模糊(Motion Blur),一种造成动向的错觉,并且只向一个方向模糊,看起来比较有动感。如下如:

clip_image006

第三个是缩放模糊,由内向外模糊,从一个固定好的点开始,向外部扩散。如下

图:

clip_image008

最后一个是背景模糊,背景模糊比较特殊,因为他是模糊下一图层,背景模糊是在苹果发布 iOS 7之后添加的新功能,而且不是像其他模糊方式直接就能看见模糊效果,必须要在有一个半透明的图层,然后在图层表面应用了背景模糊效果,这样在下一层的模糊内容才会出现。
一般很少建议用模糊效果,因为会消耗渲染效果,图层越多,越大,就需要消耗很多的内存和电脑处理器的能力,如果一定要使用的话,选择基本的模糊吧,就不要使用背景模糊了。­­

模糊对于设计背景的效果处理很有用,而且给人以朦胧感,适当运用会创造出很多好玩的模糊效果。

Sketch从入门到精通-Sketch3 四种模糊方式

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/7746/

(0)
iouedioued
上一篇 2015-08-03
下一篇 2015-08-03

相关推荐

  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • 字体的转曲-sketch从入门到精通

    字体在设计中是不可缺少的元素,无论你是设计海报,广告牌,网站,还是手机界面,都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候,一个像素都不能差。所以这就涉及到每个元素…

    2015-07-13
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13
  • [译]使用Sketch的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • 从零开始学Sketch——进阶篇

    从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇…

    2016-01-06
  • Mirror镜像的运用- Sketch从入门到精通

    Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要在…

    2015-07-13
  • UserFlows一款能在Sketch画板生成流程图的插件

    UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。 添加条件逻辑 通过插件创建和管理条件,轻松显示条件…

    2016-12-08
  • Sketch3.9 终于发布了原生的响应式设计解决方案

    Sketch3.9 终于发布了原生的响应式设计解决方案。

    只需要设置一个属性,便可以快速实现任意尺寸的适配。

    2016-06-27
  • 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?

    TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac 软…

    2015-06-29