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

      作者:海空設(shè)計(jì)
      2018-08-21
      11060

      如果你留意了近期的網(wǎng)頁(yè)和平面設(shè)計(jì)風(fēng)格,可能會(huì)注意到這是近年來(lái)的趨勢(shì)。

      如果你留意了近期的網(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)容的易讀性。 

      下面的網(wǎng)站登錄頁(yè)就用了強(qiáng)烈的模糊效果背景圖。請(qǐng)注意,這種平滑、整潔的背景比單純的顏色更有趣,同時(shí)它也使得白色輕巧的字體更易辨認(rèn)。而更具象的圖像不適合這種使用情況。

      1.png

      創(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),但他們的周圍是完全模糊的。另一方面,在景深較寬的圖像中,焦點(diǎn)面積較大,整個(gè)圖像可能從前到后都很透明,如風(fēng)景攝影。

      例如,用作此活動(dòng)海報(bào)背景的圖像景深就比較淺,只有前景物體處于視覺(jué)焦點(diǎn)上:

      2.png

      使用淺色景深圖像可有效地強(qiáng)調(diào)視覺(jué)焦點(diǎn)。我們來(lái)看下一個(gè)例子中的局部模糊技巧:


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

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

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

      3.png

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

      4.png


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

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

      以此設(shè)計(jì)為例。健身課程的注冊(cè)表使用了半透明背景,可以讓女性跑步的圖像在其后面展現(xiàn)。這張照片充當(dāng)了表現(xiàn)設(shè)計(jì)目的和主題的即時(shí)視覺(jué)線索,可以讓觀眾一目了然知道注冊(cè)表是做什么用的。此時(shí),選圖就顯得尤為重要,要確保所選擇的圖與內(nèi)容貼近,且要突出其他元素的設(shè)計(jì)。

      5.png


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

      6.png

      下圖是另一個(gè)模糊的背景圖,為一些文字排版設(shè)定基調(diào)并支持其主題:

      7.png


      05. 用品牌代表形象

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

      下面這個(gè)網(wǎng)站,將標(biāo)志中狗狗圖形有創(chuàng)意地在背景圖中再一次使用。看到左上角的棕色和白色相間的小狗圖案的logo了么?然后再看一下主頁(yè)的照片,這個(gè)小狗看起來(lái)很像logo中的那只,不是嗎?它眼睛下的黑斑甚至和標(biāo)志中的狗狗一樣。這肯定不是巧合,而是為了加強(qiáng)公司的品牌形象的巧妙設(shè)計(jì)。同時(shí)注意照片的虛化處理,使小狗成為視覺(jué)中心。

      8.png

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

      9.jpg

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


      06. 強(qiáng)模糊效果

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

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

      10.png

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

      同樣,這張高端手表修理店的名片,也應(yīng)用了非常模糊的背景圖像,金箔色背景底圖,優(yōu)雅的黑白背景,乍一看起來(lái)很抽象,但是仔細(xì)一看(在右下角,焦點(diǎn)圖像更清晰),你會(huì)看到圖像中模糊的圓形是表盤(pán)。

      11.png


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

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

      這個(gè)眼鏡品牌的圖像并不完全是一幅肖像(更像產(chǎn)品攝影),但它有很多人物在里面且多處都使用了模糊效果。首先,注意景深是如何將你的視線直接引導(dǎo)到佩戴太陽(yáng)鏡的女人上的。除了女性的眼睛和太陽(yáng)鏡(這正是品牌需要宣傳的產(chǎn)品)之外,所有其他圖像都做了柔和模糊處理。但這一細(xì)微的模糊也會(huì)給整個(gè)形象帶來(lái)一種迷人的、時(shí)尚的、適合品牌的形象。

      12.png

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

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

      例如,國(guó)外一個(gè)度假勝地的網(wǎng)頁(yè),原本可以使用該度假建筑本身顏色豐富清晰的圖像。但設(shè)計(jì)師卻另辟蹊徑,選擇了山景的單色照片,雄壯的山景充滿整個(gè)頁(yè)面,以強(qiáng)調(diào)度假村的位置(和相關(guān)滑雪的信息)。此外,從底部到頂部淡化的漸變模糊,使主要信息顯示在頁(yè)面頂部的一個(gè)清晰的位置。

      13.png

      同樣,下面的季節(jié)性銷售廣告創(chuàng)造了一定的地方感——特別是與促銷主題相匹配的陽(yáng)光明媚的夏季場(chǎng)所。

      14.png


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

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

      下圖中宣傳設(shè)計(jì)就利用運(yùn)動(dòng)模糊,以引起人們對(duì)廣告(汽車)的關(guān)注。因?yàn)槌苏故酒嚨摹八俣取蓖猓€有什么特性能讓汽車品牌顯得更好呢?就像我們已經(jīng)看到的許多例子一樣,這個(gè)圖像的模糊化處理,也創(chuàng)造了一個(gè)良好的、可供文字排版的空間。

      15.png

      另一個(gè)案例是下面這本雜志封面,使用了一幅動(dòng)感模糊的照片,來(lái)傳達(dá)紐約這個(gè)“不夜城”的喧囂——每個(gè)人總是匆匆忙忙的。

      16.png

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

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

      下面的網(wǎng)頁(yè)傳達(dá)了一種非常特殊的情緒,毫無(wú)疑問(wèn),這種情緒是經(jīng)過(guò)精心挑選的,可以將其所代表的夏令營(yíng)形象化。首先,設(shè)計(jì)師用了顯然是代表夏天的暖色調(diào),但圖像的模糊(以及露營(yíng)者臉上的表情)看上去也代表了夏日狂歡——正如頁(yè)面的標(biāo)題所稱的那樣:“千載難逢的夏令營(yíng)”。

      17.png

      作為一種不同的方法,這款婚紗攝影手冊(cè)中的圖像模糊,有助于營(yíng)造出柔和而夢(mèng)幻的心情:

      18.jpg

      相信這些技巧,啟迪你在設(shè)計(jì)中使用模糊效果!

      4
      5
      分享到:

      0

      喜歡他,就推薦他上首頁(yè)吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

      版權(quán)信息

        移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

      主站蜘蛛池模板: 国产suv精品一区二区6| 夜夜嗨AV一区二区三区| 精品一区二区三区中文字幕| 国精产品一区一区三区| 中文字幕久久亚洲一区| 国产在线精品一区二区在线看| 亚洲国产老鸭窝一区二区三区| 在线观看中文字幕一区| 日韩亚洲AV无码一区二区不卡| 精品国产免费一区二区三区| 精品国产一区二区三区久久影院| 国产在线精品一区二区不卡| 无码欧精品亚洲日韩一区夜夜嗨| 国语对白一区二区三区| 亚洲综合在线一区二区三区| 亚洲熟妇av一区二区三区下载| 国产午夜精品一区二区三区小说| 成人免费视频一区二区| 日本精品一区二区三区在线视频| 精品国产天堂综合一区在线| 一本久久精品一区二区| 国产日本一区二区三区| 99热门精品一区二区三区无码| 一区二区三区视频在线| 精品视频无码一区二区三区| 亚洲欧洲一区二区| 亚洲蜜芽在线精品一区| 亚洲香蕉久久一区二区三区四区| 日本片免费观看一区二区| 2018高清国产一区二区三区| 亚洲va乱码一区二区三区| 国产吧一区在线视频| 国产亚洲无线码一区二区 | 国产成人AV一区二区三区无码 | 国产综合无码一区二区辣椒 | 国产福利电影一区二区三区久久老子无码午夜伦不 | 亚洲综合在线一区二区三区| 无码精品人妻一区| 亚洲一区影音先锋色资源| 一区二区三区精品高清视频免费在线播放 | 国产在线观看91精品一区|