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