創思蘭博：模糊背景圖設計的應用技巧

如果你留意了近期的網頁和平面設計風格，可能會注意到這是近年來的趨勢。你可能會看到模糊圖片，它們被用在網站的背景中、標題背景或者其他圖文版面中。不僅是要緊隨設計趨勢，或只是為了嘗試新的外觀，還因為它們具有改善設計的功能性和美觀性，這應該是模糊照片會流行的主要原因。

那麼，如何使用模糊影象來增強自己的設計呢？讓我們來看看下面的10種應用技巧：

01. 建立一個乾淨的背景

模糊影象最常見的用途之一是用來做背景圖。一般來說，攝影背景圖可以吸引到觀眾，但是虛化背景往往視覺效果更好。一個畫面圖複雜清晰的背景圖，有時會使其他的設計元素，特別是文字，很難看清。因此，根據影象的複雜程度，應用模糊效果可以幫助建立一個乾淨的背景，不會減弱內容的易讀性。

下面的網站登入頁就用了強烈的模糊效果背景圖。請注意，這種平滑、整潔的背景比單純的顏色更有趣，同時它也使得白色輕巧的字型更易辨認。而更具象的影象不適合這種使用情況。

建立乾淨的背景圖，常見的一種模糊技巧：整體模糊，既把整張圖做模糊處理；而另一種是區域性模糊處理技巧，是下一項我們要談到的，它是透過把部分影象進行模糊處理，來改變影象中的視覺焦點。

在攝影中，這個概念被稱為“景深”。即使你對這個術語不熟悉，但你在現實中可能也看過這種效果。在景深淺的影象中，焦點區域非常狹窄：例如，對於肖像，主體的臉部可能是焦點，但他們的周圍是完全模糊的。另一方面，在景深較寬的影象中，焦點面積較大，整個影象可能從前到後都很透明，如風景攝影。

例如，用作此活動海報背景的影象景深就比較淺，只有前景物體處於視覺焦點上：

使用淺色景深影象可有效地強調視覺焦點。我們來看下一個例子中的區域性模糊技巧：

02. 關注重要資訊

模糊可以被新增到影象中以達到某種效果或目的，但也可以使用它來去除或強調一部分影象。通常情況下，你用模糊來確保你的視覺焦點是清晰的。如果你想讓觀眾關注你形象的某一方面——也許是你正在推銷的產品——那麼你不希望它們被周圍不重要的畫面分散注意力。

下圖系列中的六個包裝形象，就使用了局部模糊效果（透過控制景深來實現），以確保廣告中的產品處於視覺焦點上。但是，這些影象的焦點之外的部分並非就成了無用的空間：景深可以逐漸虛化，所以其他的物體仍然可以辨認（而且這些物體也代表了飲料口味）。

這裡還有另外一種景深的使用方式（除背景之外，前景也沒有對焦），但它仍然將注意力引向設計的主體——請帖上的這對幸福夫婦。

03. 傳遞豐富的資訊內容

為什麼我們將影象新增到我們的設計中？一般來說，它是為了說明和強調需要傳達的資訊。即使它們可能不夠清晰或詳細，但模糊的影象仍然可以填補這一角色；通常它只是以一種更低調的方式，而不是視覺焦點——就像雜誌版面上的圖片一樣。

以此設計為例。健身課程的登錄檔使用了半透明背景，可以讓女性跑步的影象在其後面展現。這張照片充當了表現設計目的和主題的即時視覺線索，可以讓觀眾一目瞭然知道登錄檔是做什麼用的。此時，選圖就顯得尤為重要，要確保所選擇的圖與內容貼近，且要突出其他元素的設計。

04. 為文字選擇一個背景圖

對於以文字為焦點的設計（可能是標誌、社交媒體圖形或某種手繪文字），背景圖的應用就可以更好地展示它們。有時候，可以應用一個普通的白色、黑色、彩色背景圖，或者一個帶紋理的背景圖，但使用模糊的影象作為背景圖，可以增強某些文字的設計效果。

對於初學者來說，上面提到的一、三項內容可能是你需要背景虛化的原因，其目的是弱化背景以突出設計需要傳達的資訊。下面的模糊影象為品牌宣傳起到了一定作用，從logo和廣告語上，並沒看出它屬於什麼型別的業務，而是透過影象暗示了一些缺失的資訊：這是一所傢俱設計公司。不需新增額外的、解釋性的文字，並讓影象留出大量空間，這種方法使設計簡化。

下圖是另一個模糊的背景圖，為一些文字排版設定基調並支援其主題：

05. 用品牌代表形象

使用影象可以提升品牌的美感，例如某些顏色、圖片、符號或其他視覺元素。鮮明的、個性的風格有助於加深品牌印象，與觀眾產生深刻的交流。

下面這個網站，將標誌中狗狗圖形有創意地在背景圖中再一次使用。看到左上角的棕色和白色相間的小狗圖案的logo了麼？然後再看一下主頁的照片，這個小狗看起來很像logo中的那隻，不是嗎？它眼睛下的黑斑甚至和標誌中的狗狗一樣。這肯定不是巧合，而是為了加強公司的品牌形象的巧妙設計。同時注意照片的虛化處理，使小狗成為視覺中心。

你甚至可以重複使用完全相同的影象，就像某教堂的品牌標識可以用在其網站和印刷的宣傳材料上。

它甚至還推出了一系列以季節為主題的虛化影象，以適和全年不同時期的活動。創造性地使用，反覆使用你的視覺資源，來打造出統一但不單調的品牌宣傳品。

06. 強模糊效果

從微妙到強烈，不同層次的模糊，在影象中實現不同的效果和目的。比較極端的情況下，你可以把模糊的程度再加強一些，這樣你會得到一張完全看不清的圖片，只能隱約感覺到圖片中柔和、抽象的顏色或模糊的形狀。如果你想要一些比純色背景更具動感的效果，這可能是一個不錯的選擇，它看起來有些形狀和顏色，但沒有分散觀眾的注意力。

這並不是一個隨意的想法，或僅僅是因為它看起來很酷才去嘗試。我們可以瀏覽下面的例子，它們很巧妙地使用了這種效果。下圖是為社群花園提供便利企業網站的登陸頁面，其背景圖用了強烈的模糊效果，沒有任何東西可以清晰地辨認出來，但影象仍然給人留下鮮花、樹葉以及陽光的印象，影象也並沒有貼滿整個頁面。

恰恰相反，這種簡單的處理方式以一種更自然的方式發揮作用——即使我們不去想它，我們的大腦也會將這些顏色與花園裡的花朵聯絡起來，這也是完全符合該網站形象的。如果不做模糊處理，留下葉子、花瓣和枝葉的細節具象圖，那麼白色的文字資訊就不會那麼容易被看到。所以這是一個聰明的設計選擇：實現了品牌視覺美感與資訊傳達的雙贏。

同樣，這張高階手錶修理店的名片，也應用了非常模糊的背景影象，金箔色背景底圖，優雅的黑白背景，乍一看起來很抽象，但是仔細一看（在右下角，焦點影象更清晰），你會看到影象中模糊的圓形是錶盤。

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

與之前使用強烈模糊來消除影象中所有細節不同，這種技巧使用了柔和的區域性模糊處理，以隱藏一些不需展示的具象圖。這是肖像的常用方法，柔和的模糊可以更容易被接受，並使面板看起來更光滑。

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

08. 增添一種微妙的場所感

在設計中表現位置時，你想標新立異，不想再用已經被無數次使用過的圖形或被人用爛的導向圖時，這時你可以考慮應用這種模糊背景圖效果，它是一種巧妙的方式，尤其應用在與旅行相關的設計中。

例如，國外一個度假勝地的網頁，原本可以使用該度假建築本身顏色豐富清晰的影象。但設計師卻另闢蹊徑，選擇了山景的單色照片，雄壯的山景充滿整個頁面，以強排程假村的位置（和相關滑雪的資訊）。此外，從底部到頂部淡化的漸變模糊，使主要資訊顯示在頁面頂部的一個清晰的位置。

同樣，下面的季節性銷售廣告創造了一定的地方感——特別是與促銷主題相匹配的陽光明媚的夏季場所。

09. 動態效果

應用在攝影中的模糊是一種特殊的模糊效果，稱為運動模糊，該圖片看起來像一個物體快速移動或經過一個場景。模糊通常應用在水平方向上，位於移動物體/焦點之後，這可以為你的影象增加速度感或活動感。

下圖中宣傳設計就利用運動模糊，以引起人們對廣告（汽車）的關注。因為除了展示汽車的“速度”外，還有什麼特效能讓汽車品牌顯得更好呢？就像我們已經看到的許多例子一樣，這個影象的模糊化處理，也創造了一個良好的、可供文字排版的空間。

另一個案例是下面這本雜誌封面，使用了一幅動感模糊的照片，來傳達紐約這個“不夜城”的喧囂——每個人總是匆匆忙忙的。

10. 打動人的情緒

沒有什麼比好的形象能給你的設計帶來某種心情或氛圍。許多元素可以為影象設定一種設計的氛圍，例如內容，當然還有顏色、光影、構圖等等。

下面的網頁傳達了一種非常特殊的情緒，毫無疑問，這種情緒是經過精心挑選的，可以將其所代表的夏令營形象化。首先，設計師用了顯然是代表夏天的暖色調，但影象的模糊（以及露營者臉上的表情）看上去也代表了夏日狂歡——正如頁面的標題所稱的那樣：“千載難逢的夏令營”。

作為一種不同的方法，這款婚紗攝影手冊中的影象模糊，有助於營造出柔和而夢幻的心情：

相信這些技巧，啟迪你在設計中使用模糊效果！