10个用好模糊效果的超实用设计技巧
南京学满分 > 学习网 > 电脑IT设计 > UI交互设计 > 10个用好模糊效果的超实用设计技巧

南京乾学教育-最新动态NEWS

10个用好模糊效果的超实用设计技巧

文章导读:10个用好模糊效果的超实用设计技巧

这种设计的流行,在很长一段时间内所看到的设计风格,在具备普通功能的同时,美观也是它具有人气的理由。不仅仅是一种很多人都在利用的新的设计风格,你也会发现,这些设计都是有目的的。

10个用好模糊效果的超实用设计技巧

资料整理:南京乾学教育发布时间:2018-01-08已帮助:136人

10个用好模糊效果的超实用设计技巧

  模糊的(英: Blurred)照片图像:虽然在摄影中是犯了错误的照片,但也可以成为一个有用的ui设计工具。
  这次的话题是,不是因为有了品质差的照片而在中加上模糊效果,试图设计出好的作品。而是与之相对的,特意去选择他们,利用不同类型的模糊图像,使设计技巧变得突出的这些手法来介绍给大家。
  在网页设计中提高警惕,您可能已经注意到,模糊效果在过去数年间,已经成为一种流行趋势。这种英雄形象(拉伸铺满整张网页宽度的巨大图像照片)时而在网页设计中作为网页背景被利用,时而被用作诸如平面设计的背景排版。
  这种设计的流行,在很长一段时间内所看到的设计风格,在具备普通功能的同时,美观也是它具有人气的理由。不仅仅是一种很多人都在利用的新的设计风格,你也会发现,这些设计都是有目的的。
  这一次介绍的就是,利用模糊效果,将设计凸显(强调)出来的十个效果。
  详细内容从以下开始。
 01 让背景变得流畅的设计方法
  这是一种典型的模糊效果的使用方法,作为背景设计的设置规范。通常,你可以使用照片来表达直观有趣的背景,这样模糊效果也会更有效的完成吧。
  将细小的字体部分,特殊的字体效果和其他一些设计要素乱七八糟的堆放在一起,将会变得难以阅读。因此,通过添加模糊效果,您可以创建一个内容不会被干扰的背景进行设计。
  下面的这个设计案例,就是应用了特点是模糊的很厉害的图像作为背景。在平滑干净的背景上,让单一的颜色变得更加有魅力,也让白色细小的字体变得更加容易阅读。
  此外,在这个案例中,典型的两个模糊效果的表现方法“模糊全部图像”和“只模糊一部分”中,这两个里面只能选择一种方法来描绘他。在这里,虽然我们模糊了整张照片(原文是イメー
  ジ写真,直译是图像照片,翻了好几次了,总觉得像机翻,所以下面都简称为照片),作为另一种选择,为了让大家将视线集中在照片上,你也只能模糊一部分。
  这种概念在摄影中被称作景深(英文:Depth of Filed),就算你不知道专业术语的意思,你也可以顾名思义。在景深中,对被拍照的物体进行对焦,让被摄像的对象变得清晰而后面的背景
  变得模糊的一种状态,叫做浅景深。
  举个例子,也就是在肖像照中,将焦点全部都聚集在脸上,而周围的景色全部都变得模糊。与之相反的,从前到后所有的对象都能看的很清楚,表现为深景深,常用于风景照等摄影中。
  下面的这个设计案例中,利用摄影图片来作为背景图像,将视线的焦点全部聚集在前面的范围,也就是拍摄主题的景深很浅。
  根据拍摄的景深浅,通过在图像中使用这个功能,可以有效的突出焦点(英文:Focal Point)。接下来,让我们来看看部分模糊在实例中所应用的技巧吧。
  02 让焦点聚集在重要的东西上
  在图像照片上运用模糊效果时,如果你想表现出特别的效果概念,你可以删除照片的一部分,将设计限制在一定的范围内。将焦点放置在引人注意的东西上,这也是确认能力的理由之一。将视线集中在图像照片的一部分上(出售的商品等),除去妨碍视线的不必要的东西。
  下面的这个设计案例,利用的就是部分模糊效果,开动脑筋将广告设计中的商品被放置在聚光灯下。另外,非商品的一部分也占用了不必要的空间。适合使用浅景深的效果,可以从中看出一定程度的设计。(将软饮料不同的风味同时表现出来了。)
  下面这是另外一种设计案例,他利用了不同的景深效果(将跟前儿的花瓣和背景进行了模糊),将视线聚集在整齐的构图上。这个结婚仪式的邀请函,能让人感到这是一对幸福的情侣。
  03 尝试利用照片来传递信息
  我们是什么出于原因要对照片进行设计?一般来说,对于设计的信息强调,表现的都不是很多。就算你一张清晰的照片都没有也没关系,模糊的图像可以帮助我们更温和的传递消息。
  在下面的这个设计案例中我们可以看到,适合健身类的参与形式是,利用半透明的背景设计,将奔跑的女性的姿态在后面展现出来。这张照片,设计的主题和目的作为视觉线索(英:Visual
  Cue)很好的传递出来了,不会让用户感到迷惑。
  当你在使用这种技术时,应该注意,选择一张与主题相称的,设计性强的照片,这一点尤为重要。
  04. 灵活使用具有活版印刷风格魅力的背景
  在LOGO和社交媒体上的素材,运用的是手绘素材等,在版式设计中成为焦点(英文:Focal Point)利用这样的设计背景可以让他变得更有魅力。当然像黑或者白这样的单色,也可以作为不错的背景色。你也可以使用一些纹理。但使用模糊效果,可以突出更多的设计效果。
  那么,怎么利用才算好的么?特别是在整洁的背景下,是最适合传递出设计的信息的。以下的这个设计案例是,运用了模糊效果的标志设计。如果只有LOGO是很难单独传达出他所想表达出的意思的,通过照片来进行信息的补充,你可以很好的看出他是一个家具设计公司。
  这种技术体现了利落的,简化之后的设计在传递信息上是十分有效的,无需在LOGO上添加任何说明性的文字,就可以将信息传递出来。
  另一种设计是,利用美丽优雅的活版印刷的设计主题,将模糊的图像背景变为令人满意的技术支持。
 06  使用戏剧性的模糊效果
  利用的目的不同,根据情况所实现的模糊效果也就不同。作为一种极端的手法,在照片中加入了很多的模糊效果,让人不知道拍摄的是什么,从而实现柔和的模糊印象的背景。相对的,作为单一颜色的背景的代替,你可以利用这种照片,展现出更多的设计魅力。
  但是这种设计,虽然看起来很酷炫,但还是不要轻易地去采用他。下面让我们来看看很好的利用了这种设计方法的案例。这个设计案例,内容是面相喜欢园艺的人的。如果你去看一下背景,虽然模糊的效果让你什么都看不清,但你却能从中感受到一花一草,乃至阳光的印象。
  这种极简的手法,可以说是更具有无意识的代表性。就算不去认真思考,脑海中也会呈现出和园艺有关的联想,所以可以说这个案例就是完美的。如果你不将背景图像进行虚化,那么页面上的文字将几乎都看不见。
  同样的下面的这个案例,使用强大的模糊,创造出一种抽象的氛围,体现出优雅的黑白色调,是一种出色的名片设计。但是如果你仔细的去观察(特别是右下角部分),你可以看到时钟被显示出来了。
  07. 将不必要的部分变得柔和
  紧凑的模糊可以适用于图像的全部,以相同的方式和先前的技术,在这里给图像的部分区域添加一个柔和的模糊效果,可以减去照片中不必要的部分。这是在人物肖像照中常用的一种手法,在平面设计中,可以很好的展现出人物肌肤光滑细腻的魅力。
  下面的这个设计案例中,不是以肖像,而是以人物模特为中心,使用复数的模糊效果。首先通过调整景深,将视线集中到戴眼镜的女性身上。然后将女性的眼睛和太阳镜以外的部分都加上柔和的虚化效果,从而将商品变得更加引人注意。另外通过这种高级时装展现出图像全部的魅力,将品牌的形象成功的融入其中。
  08. 传递出场景的氛围
  模糊的图像是,不管是去过很多次的场所,还是介绍已经成为典型的图像,都可以很好的传递出与旅行有关的设计技术之一。
  例如下面的这个设计案例,美国的犹他州的度假村的网页,通透的空气感,将丰富多彩的度假设施给表现出来了。通过大量的单色山地的景观,将主题滑雪度假村很好的展现出来。另外,通过从前到后的添加模糊效果,将酒店的名称和由来等这类重要的信息,配置在页首。
  同样的下面这个设计案例,通过背景里模糊的棕榈树让人联想到一个美好的夏天,这样很好的与夏季促销的主题相匹配。
  09  在设计里加上运动感
  在照片中表现出动感,是特定的模糊效果(英: Motion Blur),将物体持续运动的样子表现出来。这种技术通常情况下,在运动的物体的焦点和后面,添加上一个水平的运动模糊。通过这样做,可以给你的照片添加一种速度感或者是运动感。
  下面的这个设计案例,将视线集中在作为商品的汽车上,通过利用模糊效果,将品牌形象中的乐趣和速度感表现出来。通过另一个相同的设计案例我们可以看到,模糊效果可以将排版的空间感给彰显出来。
  在另一个设计案例中,利用了动感模糊效果,将【不夜之城纽约(”The City That Never Sleeps”)】这一概念,在杂志的封面上表现出来。
 10  表现出氛围
  在表现出特定的气氛和意境时,没有哪种照片是可以胜任的。高解析度的照片当然可以传递出氛围,同时也需要色彩的明暗,以及构图的配合。
  下面的这个设计案例,将夏令营的氛围通过视觉传递出来了。首先以橙色为中心,通过使用暖色来联想到夏天,将照片添加上模糊的效果,将夏天美好的回忆给引出来,将主题The Sumer of A Lifetime很好的表现了出来。
  作为另一种方法,在婚纱照结婚仪式照上添加上模糊效果,将柔软的,梦幻般的氛围给渲染了出来。

更多 最新课程学员问答学习资料优惠活动学校地址 等,请点击南京乾学教育 ,咨询电话: 400-882-5311 ,QQ咨询: 南京乾学教育为您服务

您也可以留下您的联系电话,课程老师会时间给您回电解答:预约咨询

南京乾学教育—学员评价更多>>我要评价

王**在乾学培训后工作快有一段的时间了,工作由于大学毕业后没找到合适的在工厂里干了9个月,辞了职来到乾学学习设计,感觉这是二十多年里唯一一次自己做出的真正的选择,以前自学过美工的我学起来仍旧不轻松,毕竟做好设计要有好的想法创意,这些都不是一朝一夕能够做到的,做设计虽然也辛苦但没有一刻后悔过,老师们也都很负责,老师们幽默、耐心、专业,至今还能想起老师的一些经典语句:1、设计没有好坏只有是否协调;思想上的懒惰才最可怕;2、要做一个有情怀的设计师等。这期间我才感觉慢慢的真正的了解自己,沉淀了思想当然还有以后赖以谋生的
学员电话:1361256**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-05-19 11:19:24
蒋**不得不说这家UI设计课这新碉堡,在设计这方面最最重要的不是技术而是创意,点子,在课堂上就拥有一个创意的脑袋那么对于工作上来说是事半功倍!
学员电话:1651246**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-05-19 20:43:24
孙**才在这里培训设计相关类技术,总体来说各个方面,老师的技术、培训知识和学习环境在同等培训机构上都是非常优秀的,其它方面有待考察。
学员电话:1878983**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-05-18 11:57:24
李**我也在乾学培训过,只想说一句老话:师傅领进门,修行在个人。找工作不仅仅需要的是个人能力,也需要运气。
学员电话:1891796**** | 报名课程: 南京UI周末兴趣班 | 网点: 白下校区 | 时间: 2018-05-17 19:21:24
任**听同事介绍过来的,本身也是学平面的,在别的地方也了解过,很多都是视频教学,这边所有课程都是面对面授课这个是我最看中的,老师教的也很认真,真不错!
学员电话:1351277**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 白下校区 | 时间: 2018-05-23 00:13:24
俞**在乾学培训后工作快有一段的时间了,工作由于大学毕业后没找到合适的在工厂里干了9个月,辞了职来到乾学学习设计,感觉这是二十多年里唯一一次自己做出的真正的选择,以前自学过美工的我学起来仍旧不轻松,毕竟做好设计要有好的想法创意,这些都不是一朝一夕能够做到的,做设计虽然也辛苦但没有一刻后悔过,老师们也都很负责,老师们幽默、耐心、专业,至今还能想起老师的一些经典语句:1、设计没有好坏只有是否协调;思想上的懒惰才最可怕;2、要做一个有情怀的设计师等。这期间我才感觉慢慢的真正的了解自己,沉淀了思想当然还有以后赖以谋生的
学员电话:1351566**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-05-20 10:07:24
刘* 还行啊,教育严格,有一种在学校读书的感觉而不是培训,能学到知识,网上的评价都是有局限的,不如去实地看看,试听课程,在做决定。希望能帮到你们
学员电话:1819092**** | 报名课程: 南京UI周末兴趣班 | 网点: 玄武校区 | 时间: 2018-05-20 10:31:24
李**听同事介绍过来的,本身也是学平面的,在别的地方也了解过,很多都是视频教学,这边所有课程都是面对面授课这个是我最看中的,老师教的也很认真,真不错!
学员电话:1891796**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-05-19 10:19:24
为**在这学习1个月了,个人感觉很不错,老师教的东西都是比较实用的,可以说让我 受益匪浅,希望乾学能越办越好,加油!!!
学员电话:1351238**** | 报名课程: 南京UI周末兴趣班 | 网点: 白下校区 | 时间: 2018-05-20 03:00:24
唐**这个机构老师不错,很多人在学。我是和我同事一起学的,现在已经开始做项目了
学员电话:1987362**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-05-19 23:25:24
郑**才在这里培训设计相关类技术,总体来说各个方面,老师的技术、培训知识和学习环境在同等培训机构上都是非常优秀的,其它方面有待考察。
学员电话:1321836**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 白下校区 | 时间: 2018-05-23 01:06:24
鱼** 不得不说这家UI设计课这新碉堡,在设计这方面最最重要的不是技术而是创意,点子,在课堂上就拥有一个创意的脑袋那么对于工作上来说是事半功倍!
学员电话:1351636**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-05-21 22:08:24
任**在乾学培训后工作快有一段的时间了,工作由于大学毕业后没找到合适的在工厂里干了9个月,辞了职来到乾学学习设计,感觉这是二十多年里唯一一次自己做出的真正的选择,以前自学过美工的我学起来仍旧不轻松,毕竟做好设计要有好的想法创意,这些都不是一朝一夕能够做到的,做设计虽然也辛苦但没有一刻后悔过,老师们也都很负责,老师们幽默、耐心、专业,至今还能想起老师的一些经典语句:1、设计没有好坏只有是否协调;思想上的懒惰才最可怕;2、要做一个有情怀的设计师等。这期间我才感觉慢慢的真正的了解自己,沉淀了思想当然还有以后赖以谋生的
学员电话:1351277**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-05-17 16:44:24
姚**一个培训机构培训出来的人的工资高低差距有大有小,有的拿着1W多那么拿着4、5K的就肯定不会舒服,社会这么大总有人会看你不顺眼,最为一个懒散的人想说的是学习好,但是自身的坚持更加重要,北大出来的也有摆地摊的,加油!
学员电话:1355536**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-05-18 03:47:24
曾*来听了试听了,因为是面授,所以教的很认真,下课有意问了学生,评价都很好,看来学生都挺喜欢老师的
学员电话:1883432**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 白下校区 | 时间: 2018-05-23 05:12:24
欧阳**我也在乾学培训过,只想说一句老话:师傅领进门,修行在个人。找工作不仅仅需要的是个人能力,也需要运气。
学员电话:1897687**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-05-20 21:29:24
黄**好与坏不是一个人说了算,眼见为实耳听为虚,尤其是在如今这个互联网上虚虚实实,最为一个在这里培训的学员只想说,你没有进入的时候永远没有资格评论,是好是坏还需你亲身体会!
学员电话:1351236**** | 报名课程: 南京UI周末兴趣班 | 网点: 玄武校区 | 时间: 2018-05-17 16:28:24
王**还行啊,教育严格,有一种在学校读书的感觉而不是培训,能学到知识,网上的评价都是有局限的,不如去实地看看,试听课程,在做决定。希望能帮到你们
学员电话:1361256**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-05-20 16:06:24
孙**听同事介绍过来的,本身也是学平面的,在别的地方也了解过,很多都是视频教学,这边所有课程都是面对面授课这个是我最看中的,老师教的也很认真,真不错!
学员电话:1878983**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-05-20 19:16:24
郭**在这学习1个月了,个人感觉很不错,老师教的东西都是比较实用的,可以说让我 受益匪浅,希望乾学能越办越好,加油!!!
学员电话:1891901**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 白下校区 | 时间: 2018-05-17 18:17:24

南京乾学教育-最新动态 NEWS更多>>

学校首页| 课程导航| 最新开班| 学校简介| 名师推荐| 校区地址| 最新优惠| 学员问答| 学员评价| 最新动态| 学校相册

南京乾学教育 南京乾学|南京乾学教育UI学费|南京乾学教育培训中心|南京乾学教育怎么样

南京乾学教育团购预约热线: 400-882-5311

扫描手机访问