实例教学！10个用好模糊效果的超实用设计技巧.pdf

10 个用好模糊效果的超实用设计技巧 编者按：模糊效果最近这两年特别流行，不过它的作用可不仅仅是 模糊个背景这么简单，今天@喪心病狂十六夜貓这篇好文，总结了10 个能帮你用好模糊背景的设计技巧，绝对让你大开眼界！最后附上一个 快速模糊的神器，建议收藏！ 模糊的（英: Blurred）照片图像：虽然在摄影中是犯了错误的照片， 但也可以成为一个有用的设计工具。 这次的话题是，不是因为有了品质差的照片而在中加上模糊效果， 试图设计出好的作品。而是与之相对的，特意去选择他们，利用不同类 型的模糊图像，使设计技巧变得突出的这些手法来介绍给大家。 在网页设计中提高警惕，您可能已经注意到，模糊效果在过去数年 间，已经成为一种流行趋势。这种英雄形象（拉伸铺满整张网页宽度的 巨大图像照片）时而在网页设计中作为网页背景被利用，时而被用作诸 如平面设计的背景排版。 这种设计的流行，在很长一段时间内所看到的设计风格，在具备普 通功能的同时，美观也是它具有人气的理由。不仅仅是一种很多人都在 利用的新的设计风格，你也会发现，这些设计都是有目的的。 这一次介绍的就是，利用模糊效果，将设计凸显（强调）出来的十 个效果。 详细内容从以下开始。 01 让背景变得流畅的设计方法 这是一种典型的模糊效果的使用方法，作为背景设计的设置规范。 通常，你可以使用照片来表达直观有趣的背景，这样模糊效果也会更有 效的完成吧。 将细小的字体部分，特殊的字体效果和其他一些设计要素乱七八糟 的堆放在一起，将会变得难以阅读。因此，通过添加模糊效果，您可以 创建一个内容不会被干扰的背景进行设计。 下面的这个设计案例，就是应用了特点是模糊的很厉害的图像作为 背景。在平滑干净的背景上，让单一的颜色变得更加有魅力，也让白色 细小的字体变得更加容易阅读。 此外，在这个案例中，典型的两个模糊效果的表现方法“模糊全部 图像”和“只模糊一部分”中，这两个里面只能选择一种方法来描绘他。在 这里，虽然我们模糊了整张照片（原文是イメージ写真，直译是图像照 片，翻了好几次了，总觉得像机翻，所以下面都简称为照片），作为另 一种选择，为了让大家将视线集中在照片上，你也只能模糊一部分。 这种概念在摄影中被称作景深（英文：Depth of Filed），就算你不 知道专业术语的意思，你也可以顾名思义。在景深中，对被拍照的物体 进行对焦，让被摄像的对象变得清晰而后面的背景变得模糊的一种状 态，叫做浅景深。 举个例子，也就是在肖像照中，将焦点全部都聚集在脸上，而周围 的景色全部都变得模糊。与之相反的，从前到后所有的对象都能看的很 清楚，表现为深景深，常用于风景照等摄影中。 下面的这个设计案例中，利用摄影图片来作为背景图像，将视线的 焦点全部聚集在前面的范围，也就是拍摄主题的景深很浅。 根据拍摄的景深浅，通过在图像中使用这个功能，可以有效的突出 焦点（英文：Focal Point）。接下来，让我们来看看部分模糊在实例中 所应用的技巧吧。 02 让焦点聚集在重要的东西上 在图像照片上运用模糊效果时，如果你想表现出特别的效果概念， 你可以删除照片的一部分，将设计限制在一定的范围内。将焦点放置在 引人注意的东西上，这也是确认能力的理由之一。将视线集中在图像照 片的一部分上（出售的商品等），除去妨碍视线的不必要的东西。 下面的这个设计案例，利用的就是部分模糊效果，开动脑筋将广告 设计中的商品被放置在聚光灯下。另外，非商品的一部分也占用了不必 要的空间。适合使用浅景深的效果，可以从中看出一定程度的设计。（将 软饮料不同的风味同时表现出来了。） 下面这是另外一种设计案例，他利用了不同的景深效果（将跟前儿 的花瓣和背景进行了模糊），将视线聚集在整齐的构图上。这个结婚仪 式的邀请函，能让人感到这是一对幸福的情侣。 03 尝试利用照片来传递信息 我们是什么出于原因要对照片进行设计？一般来说，对于设计的信 息强调，表现的都不是很多。就算你一张清晰的照片都没有也没关系， 模糊的图像可以帮助我们更温和的传递消息。 在下面的这个设计案例中我们可以看到，适合健身类的参与形式 是，利用半透明的背景设计，将奔跑的女性的姿态在后面展现出来。这 张照片，设计的主题和目的作为视觉线索（英：Visual Cue ）很好的传 递出来了，不会让用户感到迷惑。