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

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

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

　　05. 用品牌代表形象

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

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

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

　　06. 強模糊效果

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

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

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

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

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

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

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

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

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

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

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

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

2/2 首頁(yè) 上一頁(yè) 1 2

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

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

推薦資訊