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

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

編輯：時間：2018-08-25 08:25:04

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1/2 1 2 下一頁尾頁

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

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

推薦資訊