模糊效果最近這兩年特別流行,不過它的作用可不僅僅是模糊個背景這么簡單,今天總結了10個能幫你用好模糊背景的設計技巧,絕對讓你大開眼界!最后附上一個快速模糊的神器,建議收藏! 模糊的(英: Blurred)照片圖像:雖然在攝影中是犯了錯誤的照片,但也可以成為一個有用的設計工具。 這次的話題是,不是因為有了品質(zhì)差的照片而在中加上模糊效果,試圖設計出好的作品。而是與之相對的,特意去選擇他們,利用不同類型的模糊圖像,使設計技巧變得突出的這些手法來介紹給大家。 在網(wǎng)頁設計中提高警惕,您可能已經(jīng)注意到,模糊效果在過去數(shù)年間,已經(jīng)成為一種流行趨勢。這種英雄形象(拉伸鋪滿整張網(wǎng)頁寬度的巨大圖像照片)時而在網(wǎng)頁設計中作為網(wǎng)頁背景被利用,時而被用作諸如平面設計的背景排版。 這種設計的流行,在很長一段時間內(nèi)所看到的設計風格,在具備普通功能的同時,美觀也是它具有人氣的理由。不僅僅是一種很多人都在利用的新的設計風格,你也會發(fā)現(xiàn),這些設計都是有目的的。 這一次介紹的就是,利用模糊效果,將設計凸顯(強調(diào))出來的十個效果。 詳細內(nèi)容從以下開始。
01 讓背景變得流暢的設計方法 這是一種典型的模糊效果的使用方法,作為背景設計的設置規(guī)范。通常,你可以使用照片來表達直觀有趣的背景,這樣模糊效果也會更有效的完成吧。 將細小的字體部分,特殊的字體效果和其他一些設計要素亂七八糟的堆放在一起,將會變得難以閱讀。因此,通過添加模糊效果,您可以創(chuàng)建一個內(nèi)容不會被干擾的背景進行設計。 下面的這個設計案例,就是應用了特點是模糊的很厲害的圖像作為背景。在平滑干凈的背景上,讓單一的顏色變得更加有魅力,也讓白色細小的字體變得更加容易閱讀。
此外,在這個案例中,典型的兩個模糊效果的表現(xiàn)方法“模糊全部圖像”和“只模糊一部分”中,這兩個里面只能選擇一種方法來描繪他。在這里,雖然我們模糊了整張照片(原文是イメージ寫真,直譯是圖像照片,翻了好幾次了,總覺得像機翻,所以下面都簡稱為照片),作為另一種選擇,為了讓大家將視線集中在照片上,你也只能模糊一部分。 這種概念在攝影中被稱作景深(英文:Depth of Filed),就算你不知道專業(yè)術語的意思,你也可以顧名思義。在景深中,對被拍照的物體進行對焦,讓被攝像的對象變得清晰而后面的背景變得模糊的一種狀態(tài),叫做淺景深。 舉個例子,也就是在肖像照中,將焦點全部都聚集在臉上,而周圍的景色全部都變得模糊。與之相反的,從前到后所有的對象都能看的很清楚,表現(xiàn)為深景深,常用于風景照等攝影中。 下面的這個設計案例中,利用攝影圖片來作為背景圖像,將視線的焦點全部聚集在前面的范圍,也就是拍攝主題的景深很淺。 根據(jù)拍攝的景深淺,通過在圖像中使用這個功能,可以有效的突出焦點(英文:Focal Point)。接下來,讓我們來看看部分模糊在實例中所應用的技巧吧。
02 讓焦點聚集在重要的東西上 在圖像照片上運用模糊效果時,如果你想表現(xiàn)出特別的效果概念,你可以刪除照片的一部分,將設計限制在一定的范圍內(nèi)。將焦點放置在引人注意的東西上,這也是確認能力的理由之一。將視線集中在圖像照片的一部分上(出售的商品等),除去妨礙視線的不必要的東西。 下面的這個設計案例,利用的就是部分模糊效果,開動腦筋將廣告設計中的商品被放置在聚光燈下。另外,非商品的一部分也占用了不必要的空間。適合使用淺景深的效果,可以從中看出一定程度的設計。(將軟飲料不同的風味同時表現(xiàn)出來了。)
下面這是另外一種設計案例,他利用了不同的景深效果(將跟前兒的花瓣和背景進行了模糊),將視線聚集在整齊的構圖上。這個結婚儀式的邀請函,能讓人感到這是一對幸福的情侶。
03 嘗試利用照片來傳遞信息 我們是什么出于原因要對照片進行設計?一般來說,對于設計的信息強調(diào),表現(xiàn)的都不是很多。就算你一張清晰的照片都沒有也沒關系,模糊的圖像可以幫助我們更溫和的傳遞消息。 在下面的這個設計案例中我們可以看到,適合健身類的參與形式是,利用半透明的背景設計,將奔跑的女性的姿態(tài)在后面展現(xiàn)出來。這張照片,設計的主題和目的作為視覺線索(英:Visual Cue)很好的傳遞出來了,不會讓用戶感到迷惑。 當你在使用這種技術時,應該注意,選擇一張與主題相稱的,設計性強的照片,這一點尤為重要。
04. 靈活使用具有活版印刷風格魅力的背景 在LOGO和社交媒體上的素材,運用的是手繪素材等,在版式設計中成為焦點(英文:Focal Point)利用這樣的設計背景可以讓他變得更有魅力。當然像黑或者白這樣的單色,也可以作為不錯的背景色。你也可以使用一些紋理。但使用模糊效果,可以突出更多的設計效果。 那么,怎么利用才算好的么?特別是在整潔的背景下,是最適合傳遞出設計的信息的。以下的這個設計案例是,運用了模糊效果的標志設計。如果只有LOGO是很難單獨傳達出他所想表達出的意思的,通過照片來進行信息的補充,你可以很好的看出他是一個家具設計公司。 這種技術體現(xiàn)了利落的,簡化之后的設計在傳遞信息上是十分有效的,無需在LOGO上添加任何說明性的文字,就可以將信息傳遞出來。
支持。
06 使用戲劇性的模糊效果 利用的目的不同,根據(jù)情況所實現(xiàn)的模糊效果也就不同。作為一種極端的手法,在照片中加入了很多的模糊效果,讓人不知道拍攝的是什么,從而實現(xiàn)柔和的模糊印象的背景。相對的,作為單一顏色的背景的代替,你可以利用這種照片,展現(xiàn)出更多的設計魅力。 但是這種設計,雖然看起來很酷炫,但還是不要輕易地去采用他。下面讓我們來看看很好的利用了這種設計方法的案例。這個設計案例,內(nèi)容是面相喜歡園藝的人的。如果你去看一下背景,雖然模糊的效果讓你什么都看不清,但你卻能從中感受到一花一草,乃至陽光的印象。
這種極簡的手法,可以說是更具有無意識的代表性。就算不去認真思考,腦海中也會呈現(xiàn)出和園藝有關的聯(lián)想,所以可以說這個案例就是完美的。如果你不將背景圖像進行虛化,那么頁面上的文字將幾乎都看不見。 同樣的下面的這個案例,使用強大的模糊,創(chuàng)造出一種抽象的氛圍,體現(xiàn)出優(yōu)雅的黑白色調(diào),是一種出色的名片設計。但是如果你仔細的去觀察(特別是右下角部分),你可以看到時鐘被顯示出來了。
07. 將不必要的部分變得柔和 緊湊的模糊可以適用于圖像的全部,以相同的方式和先前的技術,在這里給圖像的部分區(qū)域添加一個柔和的模糊效果,可以減去照片中不必要的部分。這是在人物肖像照中常用的一種手法,在平面設計中,可以很好的展現(xiàn)出人物肌膚光滑細膩的魅力。 下面的這個設計案例中,不是以肖像,而是以人物模特為中心,使用復數(shù)的模糊效果。首先通過調(diào)整景深,將視線集中到戴眼鏡的女性身上。然后將女性的眼睛和太陽鏡以外的部分都加上柔和的虛化效果,從而將商品變得更加引人注意。另外通過這種高級時裝展現(xiàn)出圖像全部的魅力,將品牌的形象成功的融入其中。
08. 傳遞出場景的氛圍 模糊的圖像是,不管是去過很多次的場所,還是介紹已經(jīng)成為典型的圖像,都可以很好的傳遞出與旅行有關的設計技術之一。 例如下面的這個設計案例,美國的猶他州的度假村的網(wǎng)頁,通透的空氣感,將豐富多彩的度假設施給表現(xiàn)出來了。通過大量的單色山地的景觀,將主題滑雪度假村很好的展現(xiàn)出來。另外,通過從前到后的添加模糊效果,將酒店的名稱和由來等這類重要的信息,配置在頁首。
同樣的下面這個設計案例,通過背景里模糊的棕櫚樹讓人聯(lián)想到一個美好的夏天,這樣很好的與夏季促銷的主題相匹配。
09 在設計里加上運動感 在照片中表現(xiàn)出動感,是特定的模糊效果(英: Motion Blur),將物體持續(xù)運動的樣子表現(xiàn)出來。這種技術通常情況下,在運動的物體的焦點和后面,添加上一個水平的運動模糊。通過這樣做,可以給你的照片添加一種速度感或者是運動感。 下面的這個設計案例,將視線集中在作為商品的汽車上,通過利用模糊效果,將品牌形象中的樂趣和速度感表現(xiàn)出來。通過另一個相同的設計案例我們可以看到,模糊效果可以將排版的空間感給彰顯出來。 在另一個設計案例中,利用了動感模糊效果,將【不夜之城紐約(”The City That Never Sleeps”)】這一概念,在雜志的封面上表現(xiàn)出來。
10 表現(xiàn)出氛圍 在表現(xiàn)出特定的氣氛和意境時,沒有哪種照片是可以勝任的。高解析度的照片當然可以傳遞出氛圍,同時也需要色彩的明暗,以及構圖的配合。 下面的這個設計案例,將夏令營的氛圍通過視覺傳遞出來了。首先以橙色為中心,通過使用暖色來聯(lián)想到夏天,將照片添加上模糊的效果,將夏天美好的回憶給引出來,將主題The Sumer of A Lifetime很好的表現(xiàn)了出來。
作為另一種方法,在婚紗照結婚儀式照上添加上模糊效果,將柔軟的,夢幻般的氛圍給渲染了出來。
讓我們來使用模糊效果吧。 在實踐的樣本中試試看,將學到的這些技術,運用到自己的設計之中吧。利用Canva ,要先注冊才能使用,如果嫌麻煩可以試試PS里的模糊效果,也很不錯呢。這個網(wǎng)絡工具,可以十分簡單的給你的照片添加上模糊效果。首先,讓我們來選擇照片吧。(上傳你自己喜歡的照片,或者從網(wǎng)站中選擇免費的照片。) 模糊效果添加前:
選擇你的照片,然后選擇「過濾器(英: Filter)」。然后點擊下面的「Advanced Options」、之后調(diào)整你的模糊效果就可以了。 添加模糊效果后:
為了讓設計變得更加簡單上手,下面的一些素材已經(jīng)預先被添加到Canva中了,大家可以自由地免費使用。那么,一起來享受設計的樂趣吧!