網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計中模糊背景圖設計的應用技巧

編輯：時(shí)間：2018-08-25 08:25:04

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

　　那么，如何使用模糊圖像來(lái)增強自己的設計呢?讓我們來(lái)看看下面的10種應用技巧：

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

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

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

　　在攝影中，這個(gè)概念被稱(chēng)為“景深”。即使你對這個(gè)術(shù)語(yǔ)不熟悉，但你在現實(shí)中可能也看過(guò)這種效果。在景深淺的圖像中，焦點(diǎn)區域非常狹窄：例如，對于肖像，主體的臉部可能是焦點(diǎn)，但他們的周?chē)峭耆：摹Ａ硪环矫妫诰吧钶^寬的圖像中，焦點(diǎn)面積較大，整個(gè)圖像可能從前到后都很透明，如風(fēng)景攝影。

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

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

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

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

　　03. 傳遞豐富的信息內容

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

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

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

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

1/2 1 2 下一頁(yè) 尾頁(yè)

<< 上一篇：網(wǎng)頁(yè)css中pt、px、em、ex、cm、rem的區別

>> 下一篇：網(wǎng)頁(yè)banner設計中數字元素的使用技巧

推薦資訊