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

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

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

　　如果你留意了近期的網(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è)畫(huà)面圖復(fù)雜清晰的背景圖，有時(shí)會(huì)使其他的設(shè)計(jì)元素，特別是文本，很難看清。因此，根據(jù)圖像的復(fù)雜程度，應(yīng)用模糊效果可以幫助創(chuàng)建一個(gè)干凈的背景，不會(huì)減弱內(nèi)容的易讀性。

　　創(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)，但他們的周?chē)峭耆：?。另一方面，在景深較寬的圖像中，焦點(diǎn)面積較大，整個(gè)圖像可能從前到后都很透明，如風(fēng)景攝影。

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

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

　　下圖系列中的六個(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)——就像雜志版面上的圖片一樣。

　　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)看出它屬于什么類(lèi)型的業(yè)務(wù)，而是通過(guò)圖像暗示了一些缺失的信息：這是一所家具設(shè)計(jì)公司。不需添加額外的、解釋性的文本，并讓圖像留出大量空間，這種方法使設(shè)計(jì)簡(jiǎn)化。

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

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

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

推薦資訊