亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

模糊背景圖設計的應用技巧

作者:海空設計
分類: 觀點/經驗
2018-08-21
11224

如果你留意了近期的網頁和平面設計風格,可能會注意到這是近年來的趨勢。

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

那么,如何使用模糊圖像來增強自己的設計呢?讓我們來看看下面的10種應用技巧:


01. 創建一個干凈的背景

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

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

1.png

創建干凈的背景圖,常見的一種模糊技巧:整體模糊,既把整張圖做模糊處理;而另一種是局部模糊處理技巧,是下一項我們要談到的,它是通過把部分圖像進行模糊處理,來改變圖像中的視覺焦點。

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

例如,用作此活動海報背景的圖像景深就比較淺,只有前景物體處于視覺焦點上:

2.png

使用淺色景深圖像可有效地強調視覺焦點。我們來看下一個例子中的局部模糊技巧:


02. 關注重要信息

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

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

3.png

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

4.png


03. 傳遞豐富的信息內容

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

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

5.png


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

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

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

6.png

下圖是另一個模糊的背景圖,為一些文字排版設定基調并支持其主題:

7.png


05. 用品牌代表形象

使用圖像可以提升品牌的美感,例如某些顏色、圖片、符號或其他視覺元素。鮮明的、個性的風格有助于加深品牌印象,與觀眾產生深刻的交流。

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

8.png

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

9.jpg

它甚至還推出了一系列以季節為主題的虛化圖像,以適和全年不同時期的活動。創造性地使用,反復使用你的視覺資源,來打造出統一但不單調的品牌宣傳品。


06. 強模糊效果

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

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

10.png

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

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

11.png


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

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

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

12.png

08. 增添一種微妙的場所感

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

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

13.png

同樣,下面的季節性銷售廣告創造了一定的地方感——特別是與促銷主題相匹配的陽光明媚的夏季場所。

14.png


09. 動態效果

應用在攝影中的模糊是一種特殊的模糊效果,稱為運動模糊,該圖片看起來像一個物體快速移動或經過一個場景。模糊通常應用在水平方向上,位于移動物體/焦點之后,這可以為你的圖像增加速度感或活動感。

下圖中宣傳設計就利用運動模糊,以引起人們對廣告(汽車)的關注。因為除了展示汽車的“速度”外,還有什么特性能讓汽車品牌顯得更好呢?就像我們已經看到的許多例子一樣,這個圖像的模糊化處理,也創造了一個良好的、可供文字排版的空間。

15.png

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

16.png

10. 打動人的情緒

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

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

17.png

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

18.jpg

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

4
5
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          成人精品免费看| 久久众筹精品私拍模特| 99re6这里只有精品视频在线观看| 精品久久久久香蕉网| 看电视剧不卡顿的网站| 日韩欧美一区二区在线视频| 麻豆精品视频在线观看| 久久久久久夜精品精品免费| 不卡一区二区三区四区| 亚洲色大成网站www久久九九| 91国产免费看| 激情深爱一区二区| 国产精品久久久久久久久免费相片 | 成人晚上爱看视频| 亚洲欧洲另类国产综合| 色婷婷久久一区二区三区麻豆| 亚洲成av人片在线观看无码| 日韩欧美123| 99精品在线观看视频| 亚洲国产成人精品视频| 久久综合色之久久综合| 欧洲一区在线观看| 国产一区在线观看麻豆| 亚洲一区二区不卡免费| 久久精品综合网| 一本到不卡免费一区二区| 日本欧美韩国一区三区| 欧美国产国产综合| www.亚洲免费av| 欧美在线观看一区| 国产麻豆91精品| 日一区二区三区| 国产精品国产精品国产专区不蜜| 91精品在线观看入口| 91免费看视频| 风间由美一区二区三区在线观看 | 亚洲电影一区二区| 国产清纯在线一区二区www| 欧美手机在线视频| 国产一区二区三区久久久 | 午夜精品免费在线观看| 中文字幕日本乱码精品影院| 久久免费美女视频| 日韩欧美综合一区| 9191久久久久久久久久久| 欧美无人高清视频在线观看| 91麻豆视频网站| 99久久亚洲一区二区三区青草| 久久精品国产色蜜蜜麻豆| 五月婷婷综合网| 亚洲成a人片综合在线| 亚洲一区二区视频在线| 一区二区三区在线免费视频| 一区二区日韩av| 亚洲国产视频一区二区| 亚洲成人自拍网| 日韩高清不卡一区二区| 日韩中文字幕91| 看片的网站亚洲| 国产乱码字幕精品高清av| 精品中文av资源站在线观看| 久久精品国产99久久6| 黄色成人免费在线| 国产成人精品综合在线观看| 粉嫩av亚洲一区二区图片| 成人黄色av电影| 日本韩国一区二区| 欧美一区二区性放荡片| 久久女同精品一区二区| 国产精品麻豆视频| 一区二区三区日韩| 免费精品视频在线| 国产一区二区三区四区在线观看| 国产乱码精品一区二区三| 成人18精品视频| 欧美日韩一区高清| 2024国产精品视频| 国产精品不卡视频| 日韩精品一级二级| 国产成人精品亚洲午夜麻豆| 色综合 综合色| 欧美一级电影网站| 中文字幕五月欧美| 麻豆成人av在线| eeuss国产一区二区三区| 欧美人伦禁忌dvd放荡欲情| 久久免费视频一区| 亚洲第一搞黄网站| 大陆成人av片| 欧美日韩精品欧美日韩精品一综合| 欧美理论片在线| 国产丝袜美腿一区二区三区| 亚洲一线二线三线视频| 国产在线国偷精品产拍免费yy| 99在线精品一区二区三区| 制服.丝袜.亚洲.中文.综合| 综合亚洲深深色噜噜狠狠网站| 日韩电影在线观看一区| 99re6这里只有精品视频在线观看| 欧美一区二区播放| 亚洲免费在线视频一区 二区| 久久99日本精品| 欧美日韩一本到| 国产精品家庭影院| 精品午夜一区二区三区在线观看| 在线亚洲免费视频| 亚洲欧洲日产国码二区| 韩国女主播一区| 欧美一区日韩一区| 亚洲福利视频一区二区| 91视频免费播放| 日本一区二区三区久久久久久久久不 | 精品粉嫩aⅴ一区二区三区四区| 一区二区在线观看视频在线观看| 国产伦理精品不卡| 精品成人在线观看| 免费av网站大全久久| 欧美三级视频在线观看| 亚洲老妇xxxxxx| 91在线视频18| 国产精品久久久久久久久搜平片| 国产成人免费在线观看| 国产亚洲精品7777| 韩国三级电影一区二区| 精品国产3级a| 国产不卡视频在线观看| 国产日韩欧美精品综合| 国内精品写真在线观看| 久久人人97超碰com| 经典三级在线一区| 日韩一区二区在线观看视频| 免费在线观看日韩欧美| 日韩久久久精品| 国产一区二区三区在线看麻豆| 26uuu亚洲综合色| 国产呦萝稀缺另类资源| 精品粉嫩超白一线天av| 成人性生交大片免费看中文网站| 国产欧美综合在线| www.欧美日韩国产在线| 亚洲蜜臀av乱码久久精品蜜桃| 91麻豆自制传媒国产之光| 亚洲第一在线综合网站| 91精品国产综合久久久久久| 免费观看91视频大全| 国产婷婷色一区二区三区在线| 成人性生交大合| 一区二区三区在线免费播放| 在线综合+亚洲+欧美中文字幕| 奇米在线7777在线精品| 久久久久久久国产精品影院| 99久久99久久综合| 视频一区视频二区中文| 久久久久国色av免费看影院| 成人黄色国产精品网站大全在线免费观看| 国产欧美日韩亚州综合| 国产福利一区在线| 亚洲裸体xxx| 精品久久久久久无| 99国产精品久久久久久久久久| 亚洲不卡在线观看| 久久久噜噜噜久久人人看 | 欧美二区在线观看| 国产一区二区福利| 亚洲夂夂婷婷色拍ww47 | 精品国产在天天线2019| 国产精品18久久久久久久久久久久| 国产精品国产三级国产| 欧美精品亚洲二区| 成人午夜av在线| 中文字幕免费观看一区| 色综合久久久久久久久久久| 视频一区二区中文字幕| 国产精品美日韩| 精品欧美乱码久久久久久1区2区| av在线播放一区二区三区| 蜜臀av性久久久久蜜臀aⅴ| 国产精品国产自产拍在线| 8v天堂国产在线一区二区| 成人黄色大片在线观看| 久久99精品国产麻豆不卡| 伊人一区二区三区| 中文字幕成人av| 26uuu国产日韩综合| 宅男在线国产精品| 在线观看成人小视频| 成人精品免费看| 激情深爱一区二区| 美国十次综合导航| 日韩中文字幕1| 亚洲一区二区在线观看视频| 日韩理论片网站| 国产精品理论在线观看| 色88888久久久久久影院野外| 3751色影院一区二区三区| 国产经典欧美精品| 蜜桃久久av一区| 日本在线播放一区二区三区| 亚洲综合在线五月| 中文字幕一区视频|