10个模糊背景设计的专业建议

10个用模糊背景设计的专业建议_meitu_2

模糊的图片:摄影失误?在某些情况下,它们可以变成实用的平面设计素材。

这里,我们不是说一张失误的照片加上模糊的效果来修复它,然后把它称作为好照片。而是故意选择或制作不同类型的模糊图片来为我们的平面设计增彩。如果你关注网页和图像设计风格,你或许会注意到近年来的流行趋势:模糊图像使用的越来越多,或者作为网站背景;或者在图形设计中装饰字体。不过一些设计趋势能流行,确实是因为他们美观,比如本文所述的用模糊图片。尝试流行趋势不仅仅是从众或者体验一下新的外观,好的流行趋势确实可以为你的设计增彩。那么如何用模糊图片来提升你的平面设计呢?让我们看看以下10个技巧吧:

01.制作整洁的背景

模糊图片最常见的一个用途就是用作背景图。普通的照片作为背景图可以增加视觉趣味,但是用模糊的图片更能增加效果。因为画面丰富、清晰的背景图会降低其他设计元素、尤其是文本文字的存在感,所以,背景图的画面越丰富越要用模糊效果。用模糊的背景图可以创造一个简洁的背景,且不会抢走文本内容的风头。下面案例中的登陆界面背景图就用了强烈的模糊效果,这样的设计整洁、吸睛,突出了中间白色的文字内容,这是清晰的画面丰富的背景图做不到的。

1

有两种常用模糊方式:全图模糊和部分模糊。上面的例子就是前者,你也可以尝试部分模糊。在摄影中,这叫做“景深效果”。即使你对这个术语不熟,你也很可能已经见过“景深效果”现在实际中的应用了。景深效果是指当焦点对准某一点时,其前后都仍可清晰的范围。比如在肖像照中,焦点是对准脸部的,但周围的景色完全是模糊的。另一方面,景深越大,拍出来的照片前后清晰的地方越多,整张照片从前到后都是清晰的,适合风景照。举个例子,这张背景图就用了深景效果,只对焦前景,其他全是模糊的。给照片用深景效果可以有效地突出重点。让我们在下一个例子中看看部分模糊是什么效果:

2

02.专注于重要的内容

你可以使用模糊来增加图片效果,也可以用它来降低图片上某部分的存在感,这样可以确保读者的关注点在重要的内容上。如果你希望图上中某个特定的内容吸引读者的注意——或许是你正在销售的产品——你一定不希望它的风头被其他的元素抢去。这一系列6个广告图就用深景来达到了选择性模糊效果,将做宣传的产品至于的首要位置。但是模糊部分不是无用的,深景效果下的模糊图片仍是可辨识的,正如案例中,被模糊的水果代表了饮料产品的味道。

3

下面是另一个案例,展示了深景效果的不同用法,前景模糊而背景清晰,但是它仍然将读者的注意力锁定在设计的主体:婚礼邀请函上这对幸福的新人。

4

03.强调设计意图

我们为什么要在设计上添加图片?一般来说,是为了表明和强调设计意图。模糊的图片虽然不清晰不丰富,但是低调地达到这个目的(比如杂志的布局中非焦点的图片)。以这个设计为例,这是一个健身课程的登记表,背景是一个奔跑的女人的图片。读者一眼看到这张图片就知道这个设计的目的。当用这种技巧时,要仔细选择图片来搭配你的文本内容,并且和设计中其他的元素相配。

5

04.添加背景以突出字体

在商标、社交网络图形或手写字体等字体是重点的设计中,添加一个背景会将字体衬托地淋漓尽致。有时一张简单的白色、黑色或者彩色背景图就能起到效果,或者一张纹理背景也不错。但是模糊的背景图起到的效果更佳,更能突出设计作品里的字体。想尝试下这种方法吗?对于新手而言,技巧#1和#3可以教你制作一个不分散读者注意力的背景和传达你设计意图的背景,而下面的这张模糊图片搭配字体商标可以同时满足这两个要求,并且它还有别的效果。单从商标和标语来看读者并不清楚这到底是什么业务的广告,但是背景图片告诉了读者这是一家家具设计公司。用这种方法可以简单化设计,不用增添任何文字说明,一张图就能起到说明作用。

6

这是另一张模糊的背景,衬托了字体且点明了主题:

7

05.使用代表你品牌的图片

图片是将美学(如颜色,意象,符号和其他视觉主题)和品牌相结合的很好的工具。高辨识度的风格可使品牌脱颖而出,给读者留下深刻的印象。案例中的这个网站很有创意地重复使用了商标中的关键图案。看到左上角商标中的棕白相见的狗图标了吗?再看看首页的照片,一只真实的狗,长得极像商标里的狗,它俩的一只眼周围都有像眼罩般的黑色斑点。我敢保证这不是巧合,而是设计师故意加深公司品牌的印象。注意一下首页照片背景的模糊处理,凸显了画面中心清晰的狗。

8

你甚至可以重复使用完全相同的图片,就像这个品牌,将教堂的图标同时用在了网站和打印材料上。

9

它还使用了一系列的季节主题的模糊图片,可在全年的活动中使用。重复使用设计元素可使产品和产品周边相映衬。

06.使用强烈模糊

不同的模糊程度有不同的效果。你可以尝试下强烈模糊处理一张照片,模糊到辨认不出内容,只能看到抽象的颜色板块和模糊的形状。如果你想要更加动态的背景,这将会是不错的选择——只有一些形状和颜色,没有分散注意力的细节。

10

但这可不是一个胡乱的设计或者只是它看起来很酷就要尝试一下。以下这个例子就有效地运用了这个技巧。这是一个方便开拓社区花园的组织的登陆页面,它的背景图片模糊到不可辨认,可依然给人以阳光,花朵,绿叶的感觉。 这种技巧的应用和我们潜意识的有关,看到这个背景图片,我们的大脑会主动地把上面的颜色与花园中的花朵联系在一起,很符合这个品牌的定位。如果没有用强烈模糊的背景,照片上纷繁的花朵绿叶会弱化首页白色的文本,所以使用强烈模糊是一个双赢的选择。这个案例是一张高档腕表维修店的商务名片,一眼看过去,优雅的黑白背景、烫金的印刷字体和强烈模糊的背景给人留下了深刻的印象。再仔细看会发现名片的右下角是清晰的表盘照片。

11

07.淡化不想要的细节

不像上述的技巧,用强烈模糊处理一张图片的所有细节,这个技巧只是有选择性地淡化你不想要的细节。这是肖像照常见处理的手法,淡化处理可以用来磨皮,使人物的皮肤看起来更光滑。下面的案例图片是一个眼镜品牌的产品广告,虽然不是肖像照,但是多处淡化的处理突出了人物,达到了更好的效果,它使读者一眼就注意到照片中央带太阳镜的女模特。这张照片淡化了除了女模特眼睛之外的所有细节,突出了宣传产品:太阳镜。淡化处理也给这张照片增加了高端时尚的感觉,与品牌定位契合。

12

08.添加地点的微妙感

当你使用景色照片设计,而不想再用千篇一律的设计时,模糊处理是一个添加地点的微妙感的好办法。这个技巧尤其适用于旅游相关的设计。举个例子,下面的网页是美国犹他州的一处度假胜地,设计师本可以在网页上放置度假胜地的超清、色彩丰富的照片,可设计师却用了一张雄伟壮阔的山脉的全屏照来强调这个度假胜地的位置,显示了游客可以有滑雪的机会。除此之外,照片从下往上逐渐模糊的处理突出了照片上方的文本,给文本内容留下了重要的空白。

13

同样的,下面的季节性大减价广告创造了一种夏天阳光普照的意境,契合了宣传主题。

14

09.添加动感

照片做了模糊处理(比如动感模糊)后会有照片中物体在快速移动的感觉。一般都在快速移动的物体后方进行水平方向模糊,这会给你的照片增加速度感。在下面这个广告案例中,动感模糊处理背景后将读者的注意力吸引到中间的轿车上,没有比速度更能和大众的广告词“有趣”相联系的了。并且背景的模糊处理也凸显了轿车。

15

在另一个案例中,这个杂志封面用动感模糊渲染了纽约忙碌喧闹的气氛。纽约,“不夜城”,那里的人一直匆匆忙忙。

16

10.添加意境

给你的设计添加意境是个不错的选择。有很多可以添加意境的工具——内容,颜色,光影,对比等。下面的图片无意呈现了夏列营的感觉。首先,温暖的橘色显然代表了夏天,但是模糊处理搭配图片上营长开心的表情又传达了夏天的疯狂与激情,正好映衬了页面标题打出的口号:“一生的夏天”。

17

在这个婚礼小册子中,模糊的处理又营造了一种温柔、梦幻的意境:

18

准备好尝试一下了吗 ?