如果你留意了近期的網(wǎng)頁(yè)和平面設(shè)計(jì)風(fēng)格，可能會(huì)注意到這是近年來(lái)的趨勢(shì)。

如果你留意了近期的網(wǎng)頁(yè)和平面設(shè)計(jì)風(fēng)格，可能會(huì)注意到這是近年來(lái)的趨勢(shì)。你可能會(huì)看到模糊圖片，它們被用在網(wǎng)站的背景中、標(biāo)題背景或者其他圖文版面中。不僅是要緊隨設(shè)計(jì)趨勢(shì)，或只是為了嘗試新的外觀，還因?yàn)樗鼈兙哂懈纳圃O(shè)計(jì)的功能性和美觀性，這應(yīng)該是模糊照片會(huì)流行的主要原因。

那么，如何使用模糊圖像來(lái)增強(qiáng)自己的設(shè)計(jì)呢？讓我們來(lái)看看下面的10種應(yīng)用技巧：

01. 創(chuàng)建一個(gè)干凈的背景

模糊圖像最常見(jiàn)的用途之一是用來(lái)做背景圖。一般來(lái)說(shuō)，攝影背景圖可以吸引到觀眾，但是虛化背景往往視覺(jué)效果更好。一個(gè)畫面圖復(fù)雜清晰的背景圖，有時(shí)會(huì)使其他的設(shè)計(jì)元素，特別是文本，很難看清。因此，根據(jù)圖像的復(fù)雜程度，應(yīng)用模糊效果可以幫助創(chuàng)建一個(gè)干凈的背景，不會(huì)減弱內(nèi)容的易讀性。 

下面的網(wǎng)站登錄頁(yè)就用了強(qiáng)烈的模糊效果背景圖。請(qǐng)注意，這種平滑、整潔的背景比單純的顏色更有趣，同時(shí)它也使得白色輕巧的字體更易辨認(rèn)。而更具象的圖像不適合這種使用情況。

創(chuàng)建干凈的背景圖，常見(jiàn)的一種模糊技巧：整體模糊，既把整張圖做模糊處理；而另一種是局部模糊處理技巧，是下一項(xiàng)我們要談到的，它是通過(guò)把部分圖像進(jìn)行模糊處理，來(lái)改變圖像中的視覺(jué)焦點(diǎn)。

在攝影中，這個(gè)概念被稱為“景深”。即使你對(duì)這個(gè)術(shù)語(yǔ)不熟悉，但你在現(xiàn)實(shí)中可能也看過(guò)這種效果。在景深淺的圖像中，焦點(diǎn)區(qū)域非常狹窄：例如，對(duì)于肖像，主體的臉部可能是焦點(diǎn)，但他們的周圍是完全模糊的。另一方面，在景深較寬的圖像中，焦點(diǎn)面積較大，整個(gè)圖像可能從前到后都很透明，如風(fēng)景攝影。

例如，用作此活動(dòng)海報(bào)背景的圖像景深就比較淺，只有前景物體處于視覺(jué)焦點(diǎn)上：

使用淺色景深圖像可有效地強(qiáng)調(diào)視覺(jué)焦點(diǎn)。我們來(lái)看下一個(gè)例子中的局部模糊技巧：

02. 關(guān)注重要信息

模糊可以被添加到圖像中以達(dá)到某種效果或目的，但也可以使用它來(lái)去除或強(qiáng)調(diào)一部分圖像。通常情況下，你用模糊來(lái)確保你的視覺(jué)焦點(diǎn)是清晰的。如果你想讓觀眾關(guān)注你形象的某一方面——也許是你正在推銷的產(chǎn)品——那么你不希望它們被周圍不重要的畫面分散注意力。

下圖系列中的六個(gè)包裝形象，就使用了局部模糊效果（通過(guò)控制景深來(lái)實(shí)現(xiàn)），以確保廣告中的產(chǎn)品處于視覺(jué)焦點(diǎn)上。但是，這些圖像的焦點(diǎn)之外的部分并非就成了無(wú)用的空間：景深可以逐漸虛化，所以其他的物體仍然可以辨認(rèn)（而且這些物體也代表了飲料口味）。

這里還有另外一種景深的使用方式（除背景之外，前景也沒(méi)有對(duì)焦），但它仍然將注意力引向設(shè)計(jì)的主體——請(qǐng)?zhí)系倪@對(duì)幸福夫婦。

03. 傳遞豐富的信息內(nèi)容

為什么我們將圖像添加到我們的設(shè)計(jì)中？一般來(lái)說(shuō)，它是為了說(shuō)明和強(qiáng)調(diào)需要傳達(dá)的信息。即使它們可能不夠清晰或詳細(xì)，但模糊的圖像仍然可以填補(bǔ)這一角色；通常它只是以一種更低調(diào)的方式，而不是視覺(jué)焦點(diǎn)——就像雜志版面上的圖片一樣。 

以此設(shè)計(jì)為例。健身課程的注冊(cè)表使用了半透明背景，可以讓女性跑步的圖像在其后面展現(xiàn)。這張照片充當(dāng)了表現(xiàn)設(shè)計(jì)目的和主題的即時(shí)視覺(jué)線索，可以讓觀眾一目了然知道注冊(cè)表是做什么用的。此時(shí)，選圖就顯得尤為重要，要確保所選擇的圖與內(nèi)容貼近，且要突出其他元素的設(shè)計(jì)。

04. 為文本選擇一個(gè)背景圖

對(duì)于以文本為焦點(diǎn)的設(shè)計(jì)（可能是標(biāo)志、社交媒體圖形或某種手繪文字），背景圖的應(yīng)用就可以更好地展示它們。有時(shí)候，可以應(yīng)用一個(gè)普通的白色、黑色、彩色背景圖，或者一個(gè)帶紋理的背景圖，但使用模糊的圖像作為背景圖，可以增強(qiáng)某些文本的設(shè)計(jì)效果。

對(duì)于初學(xué)者來(lái)說(shuō)，上面提到的一、三項(xiàng)內(nèi)容可能是你需要背景虛化的原因，其目的是弱化背景以突出設(shè)計(jì)需要傳達(dá)的信息。下面的模糊圖像為品牌宣傳起到了一定作用，從logo和廣告語(yǔ)上，并沒(méi)看出它屬于什么類型的業(yè)務(wù)，而是通過(guò)圖像暗示了一些缺失的信息：這是一所家具設(shè)計(jì)公司。不需添加額外的、解釋性的文本，并讓圖像留出大量空間，這種方法使設(shè)計(jì)簡(jiǎn)化。

下圖是另一個(gè)模糊的背景圖，為一些文字排版設(shè)定基調(diào)并支持其主題：

05. 用品牌代表形象

使用圖像可以提升品牌的美感，例如某些顏色、圖片、符號(hào)或其他視覺(jué)元素。鮮明的、個(gè)性的風(fēng)格有助于加深品牌印象，與觀眾產(chǎn)生深刻的交流。

下面這個(gè)網(wǎng)站，將標(biāo)志中狗狗圖形有創(chuàng)意地在背景圖中再一次使用。看到左上角的棕色和白色相間的小狗圖案的logo了么？然后再看一下主頁(yè)的照片，這個(gè)小狗看起來(lái)很像logo中的那只，不是嗎？它眼睛下的黑斑甚至和標(biāo)志中的狗狗一樣。這肯定不是巧合，而是為了加強(qiáng)公司的品牌形象的巧妙設(shè)計(jì)。同時(shí)注意照片的虛化處理，使小狗成為視覺(jué)中心。

你甚至可以重復(fù)使用完全相同的圖像，就像某教堂的品牌標(biāo)識(shí)可以用在其網(wǎng)站和印刷的宣傳材料上。

它甚至還推出了一系列以季節(jié)為主題的虛化圖像，以適和全年不同時(shí)期的活動(dòng)。創(chuàng)造性地使用，反復(fù)使用你的視覺(jué)資源，來(lái)打造出統(tǒng)一但不單調(diào)的品牌宣傳品。

06. 強(qiáng)模糊效果

從微妙到強(qiáng)烈，不同層次的模糊，在圖像中實(shí)現(xiàn)不同的效果和目的。比較極端的情況下，你可以把模糊的程度再加強(qiáng)一些，這樣你會(huì)得到一張完全看不清的圖片，只能隱約感覺(jué)到圖片中柔和、抽象的顏色或模糊的形狀。如果你想要一些比純色背景更具動(dòng)感的效果，這可能是一個(gè)不錯(cuò)的選擇，它看起來(lái)有些形狀和顏色，但沒(méi)有分散觀眾的注意力。 

這并不是一個(gè)隨意的想法，或僅僅是因?yàn)樗雌饋?lái)很酷才去嘗試。我們可以瀏覽下面的例子，它們很巧妙地使用了這種效果。下圖是為社區(qū)花園提供便利企業(yè)網(wǎng)站的登陸頁(yè)面，其背景圖用了強(qiáng)烈的模糊效果，沒(méi)有任何東西可以清晰地辨認(rèn)出來(lái)，但圖像仍然給人留下鮮花、樹(shù)葉以及陽(yáng)光的印象，圖像也并沒(méi)有貼滿整個(gè)頁(yè)面。

恰恰相反，這種簡(jiǎn)單的處理方式以一種更自然的方式發(fā)揮作用——即使我們不去想它，我們的大腦也會(huì)將這些顏色與花園里的花朵聯(lián)系起來(lái)，這也是完全符合該網(wǎng)站形象的。如果不做模糊處理，留下葉子、花瓣和枝葉的細(xì)節(jié)具象圖，那么白色的文字信息就不會(huì)那么容易被看到。所以這是一個(gè)聰明的設(shè)計(jì)選擇：實(shí)現(xiàn)了品牌視覺(jué)美感與信息傳達(dá)的雙贏。 

同樣，這張高端手表修理店的名片，也應(yīng)用了非常模糊的背景圖像，金箔色背景底圖，優(yōu)雅的黑白背景，乍一看起來(lái)很抽象，但是仔細(xì)一看（在右下角，焦點(diǎn)圖像更清晰），你會(huì)看到圖像中模糊的圓形是表盤。

07. 柔化不需展示的具象圖

與之前使用強(qiáng)烈模糊來(lái)消除圖像中所有細(xì)節(jié)不同，這種技巧使用了柔和的局部模糊處理，以隱藏一些不需展示的具象圖。這是肖像的常用方法，柔和的模糊可以更容易被接受，并使皮膚看起來(lái)更光滑。

這個(gè)眼鏡品牌的圖像并不完全是一幅肖像（更像產(chǎn)品攝影），但它有很多人物在里面且多處都使用了模糊效果。首先，注意景深是如何將你的視線直接引導(dǎo)到佩戴太陽(yáng)鏡的女人上的。除了女性的眼睛和太陽(yáng)鏡（這正是品牌需要宣傳的產(chǎn)品）之外，所有其他圖像都做了柔和模糊處理。但這一細(xì)微的模糊也會(huì)給整個(gè)形象帶來(lái)一種迷人的、時(shí)尚的、適合品牌的形象。

08. 增添一種微妙的場(chǎng)所感

在設(shè)計(jì)中表現(xiàn)位置時(shí)，你想標(biāo)新立異，不想再用已經(jīng)被無(wú)數(shù)次使用過(guò)的圖形或被人用爛的導(dǎo)向圖時(shí)，這時(shí)你可以考慮應(yīng)用這種模糊背景圖效果，它是一種巧妙的方式，尤其應(yīng)用在與旅行相關(guān)的設(shè)計(jì)中。 

例如，國(guó)外一個(gè)度假勝地的網(wǎng)頁(yè)，原本可以使用該度假建筑本身顏色豐富清晰的圖像。但設(shè)計(jì)師卻另辟蹊徑，選擇了山景的單色照片，雄壯的山景充滿整個(gè)頁(yè)面，以強(qiáng)調(diào)度假村的位置（和相關(guān)滑雪的信息）。此外，從底部到頂部淡化的漸變模糊，使主要信息顯示在頁(yè)面頂部的一個(gè)清晰的位置。

同樣，下面的季節(jié)性銷售廣告創(chuàng)造了一定的地方感——特別是與促銷主題相匹配的陽(yáng)光明媚的夏季場(chǎng)所。

09. 動(dòng)態(tài)效果

應(yīng)用在攝影中的模糊是一種特殊的模糊效果，稱為運(yùn)動(dòng)模糊，該圖片看起來(lái)像一個(gè)物體快速移動(dòng)或經(jīng)過(guò)一個(gè)場(chǎng)景。模糊通常應(yīng)用在水平方向上，位于移動(dòng)物體/焦點(diǎn)之后，這可以為你的圖像增加速度感或活動(dòng)感。

下圖中宣傳設(shè)計(jì)就利用運(yùn)動(dòng)模糊，以引起人們對(duì)廣告（汽車）的關(guān)注。因?yàn)槌苏故酒嚨摹八俣取蓖猓€有什么特性能讓汽車品牌顯得更好呢？就像我們已經(jīng)看到的許多例子一樣，這個(gè)圖像的模糊化處理，也創(chuàng)造了一個(gè)良好的、可供文字排版的空間。

另一個(gè)案例是下面這本雜志封面，使用了一幅動(dòng)感模糊的照片，來(lái)傳達(dá)紐約這個(gè)“不夜城”的喧囂——每個(gè)人總是匆匆忙忙的。

10. 打動(dòng)人的情緒

沒(méi)有什么比好的形象能給你的設(shè)計(jì)帶來(lái)某種心情或氛圍。許多元素可以為圖像設(shè)定一種設(shè)計(jì)的氛圍，例如內(nèi)容，當(dāng)然還有顏色、光影、構(gòu)圖等等。

下面的網(wǎng)頁(yè)傳達(dá)了一種非常特殊的情緒，毫無(wú)疑問(wèn)，這種情緒是經(jīng)過(guò)精心挑選的，可以將其所代表的夏令營(yíng)形象化。首先，設(shè)計(jì)師用了顯然是代表夏天的暖色調(diào)，但圖像的模糊（以及露營(yíng)者臉上的表情）看上去也代表了夏日狂歡——正如頁(yè)面的標(biāo)題所稱的那樣：“千載難逢的夏令營(yíng)”。

作為一種不同的方法，這款婚紗攝影手冊(cè)中的圖像模糊，有助于營(yíng)造出柔和而夢(mèng)幻的心情：

相信這些技巧，啟迪你在設(shè)計(jì)中使用模糊效果！