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设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • 6个实用技巧提升Sketch使用效率

    Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程…

    2015-09-30
  • Sketch汉化插件-SketchI18N最新版本

    安装使用 下载安装包,并解压,在安装包找到SketchI18N.sketchplugin 双击 SketchI18N.sketchplugin 完成安装 重启 Sketch 自动汉化后完成汉化 如果第三步没成功,试试 在 Sketch 中按快捷键 control command + x …

    2018-03-19
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • [译]使用Sketch的10个小技巧

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

    2016-07-20
  • Sketch汉化插件: SketchI18N 一键汉化

    推广:五丰 美仑达 赣南脐橙 【国家地理标志产品】供港央企品质保障,原产地直采,进口专业分选设备,品质始终如一,脆嫩香甜,味美多汁 SketchI18N SketchI18N is multi-language plugin for Sketch.app Language …

    2017-03-16
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

    2016-01-06
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    2015-07-20