設(shè)計(jì)中"空白"的力量

2014-10-28    藍(lán)藍(lán)設(shè)計(jì)的小編

平面設(shè)計(jì)中許多經(jīng)過實(shí)踐檢驗(yàn)的寶貴經(jīng)驗(yàn)都可以推而廣之,應(yīng)用到其他領(lǐng)域。

你或許聽說過“負(fù)空間”這個(gè)概念——這是設(shè)計(jì)師們幾乎每時(shí)每刻都在使用的設(shè)計(jì)技巧之一。如果運(yùn)用得巧妙的話,旁觀者甚至根本不會注意到一件作品中使用了這種技巧。這種處理手法的要點(diǎn)在于將觀賞者的注意力引向作品中的關(guān)鍵信息或最主要的視覺元素,從而增強(qiáng)作品的整體效果。

對有很多東西需要表達(dá)的設(shè)計(jì)師來說,這聽起來似乎有點(diǎn)不合情理——設(shè)計(jì)師往往很難克制自己不去使用更多的元素。然而,一旦你真正理解了負(fù)空間的精髓,你就會懂得如何靈活而恰當(dāng)?shù)剡\(yùn)用它。

在平面設(shè)計(jì)的語境下,“負(fù)空間”這個(gè)概念稍微有些誤導(dǎo)性。這像是在說你要設(shè)計(jì)的頁面(無論是真實(shí)的還是虛擬的)除了一片空白,再?zèng)]有別的東西。

事實(shí)顯然并不是這樣。

因?yàn)榭瞻字幸廊话撕芏唷皷|西”,如果運(yùn)用得當(dāng)?shù)脑?,它的效果絕對不會是“負(fù)面”的。

設(shè)計(jì)中的負(fù)空間就像一張導(dǎo)覽圖,它把觀賞者需要了解和想要看到的東西準(zhǔn)確地呈現(xiàn)給他們。

有些攝影作品會有意地虛化背景,將視線集中于一個(gè)焦點(diǎn),負(fù)空間的策略也與之類似。人的注意力會下意識地忽略模糊的背景,只觀看鮮明之物。

我們的眼睛傾向于找出自己熟悉的形狀和圖案,如辨認(rèn)某個(gè)人的臉龐,某棵特定的樹,或在不同的貓中認(rèn)出自己的寵物貓等等。

設(shè)計(jì)中的負(fù)空間利用的也是這個(gè)原理。當(dāng)充滿空白的空間被一個(gè)忽然出現(xiàn)的視覺元素打破時(shí),你的視線自然會轉(zhuǎn)向那里。

一個(gè)最簡單,最有效地理解負(fù)空間的辦法就是想象一個(gè)位于頁面上部的logo,它位置居中,寬度約為瀏覽器頁面的15%到20%。

這一點(diǎn)很重要:它的周圍沒有任何東西。所以,你的目光會停在哪里呢?

答案當(dāng)然是:直視那個(gè)logo。 

你不會左瞧右看,漫無目的地打量空白之處,到后來才發(fā)現(xiàn)那個(gè)logo.你的目光會直奔主題,因?yàn)椤澳硞€(gè)東西”突然打破了“沒有東西”的狀態(tài)。

這就是負(fù)空間的奧妙所在。正是作品中的“空白”使你立即看到了存在之物。

那么,所有頁面元素都應(yīng)該占有空間嗎?

這實(shí)際是說,某些視覺元素需要使用負(fù)空間,而另一些則不必,區(qū)分這一點(diǎn)十分重要。

概念類圖像?不妨也考慮一下。

一篇文章的出版日期? 不太建議。因?yàn)楫?dāng)一個(gè)視覺元素被頁面中的負(fù)空間襯托時(shí),它會立即給人一種與頁面中的其他元素相比“更為重要”的感覺,這可能會擾亂既定的頁面布局。

所以,logo,標(biāo)題,副標(biāo)題,主要圖像——只有這些重要到一定程度的元素才值得使用負(fù)空間去表現(xiàn)。

用負(fù)空間表現(xiàn)故事性

請看上面這三幅示例圖,它們不像我最開始使用的logo那么簡單了,而是使用了相對而言比較復(fù)雜一些的負(fù)空間策略,“高階”的處理方法理解起來可能會稍微費(fèi)力,但如果運(yùn)用恰當(dāng)?shù)脑?,產(chǎn)生的效果是非常強(qiáng)烈的。

負(fù)空間可以迷惑觀賞者的眼睛-—觀看的人也許需要一點(diǎn)時(shí)間才能反應(yīng)過來,不過一旦他們發(fā)現(xiàn)了其中的玄機(jī),就會被創(chuàng)作者的精巧的心思所折服。

以上僅僅是我隨便舉的一些例子。

負(fù)空間令視像更富戲劇張力

負(fù)空間的另一個(gè)效果是它可以使像肖像畫或關(guān)鍵視覺元素這樣的主題視像( theme visual)更有戲劇性。這種手法常與主標(biāo)題和宣傳文字一起運(yùn)用。

用這種手法處理普通而常見的項(xiàng)目或許會有點(diǎn)困難,但對于某些你的客戶要求做的比較“高端”的項(xiàng)目,負(fù)空間就會顯示出它的魔力。

下面是負(fù)空間體現(xiàn)在具體作品中的又一個(gè)例子(圖片作者為攝影師Anthony Taylor,已得到作者的使用許可)。

為驚悚電影設(shè)計(jì)海報(bào)的藝術(shù)家同樣有一些大師級的“負(fù)空間”設(shè)計(jì)作品。

1982年舊版海報(bào)

2007年新版海報(bào)

史蒂芬伯格的電影《鬼驅(qū)人》(1982)的海報(bào)就是一個(gè)經(jīng)典范例。

在這張電影海報(bào)中,沒有哪個(gè)單獨(dú)的元素會使人感到害怕。

畫面中有一個(gè)小女孩,一只泰迪熊,還有一個(gè)大大的電視屏幕。沒有血腥,沒有暴力,沒有恐怖形象,就連字體都平淡無奇。

但是,整個(gè)海報(bào)卻彌漫著令人極為心悸的驚悚氣氛。顯然電視中有什么東西把那個(gè)可憐而無辜的小女孩而迷住了,她被孤零零地困在了黑暗之中,沒有任何人可以拉她出來。

有意思的是,在推出這部電影第25周年的紀(jì)念版(2007)時(shí),使用了重新設(shè)計(jì)的海報(bào),新海報(bào)中放棄了幾乎所有的“負(fù)空間”,中心畫面被放大了,但實(shí)際的視覺效果卻令人懷疑。

新海報(bào)讓作為旁觀者的我們與小女孩站在同一間屋子里,當(dāng)然我們還會覺得不安,只是與舊版海報(bào)相比,絕望的氛圍大大地減弱了。

使用負(fù)空間需要注意什么?

從純設(shè)計(jì)的角度來說,負(fù)空間連同其他設(shè)計(jì)手法如三分構(gòu)圖法,五分構(gòu)圖法,字體設(shè)計(jì)(不只是選擇字體,還包括設(shè)計(jì)生動(dòng)有趣的不同字體)一起,為設(shè)計(jì)師提供了一個(gè)多樣而的設(shè)計(jì)工具箱。

成熟的設(shè)計(jì)師在做每一個(gè)項(xiàng)目時(shí)都會時(shí)時(shí)使用這個(gè)工具箱,當(dāng)然,他不會每次都把所有工具都派上用場。

好的設(shè)計(jì)常常是簡潔的?;蛟S只需一個(gè)視覺技巧,一個(gè)迷人的小花招,一款特別的字體。

編寫代碼的人都知道——當(dāng)你過分依賴一種技巧時(shí),事情就會變得一團(tuán)糟。最好的策略往往是最簡單的,也就是使用盡可能少的代碼。在編程中是這樣,設(shè)計(jì)也不例外。

老實(shí)說,剛?cè)胄械脑O(shè)計(jì)師想要做出出色的作品并不容易,而糟糕透頂?shù)脑O(shè)計(jì)卻是層出不窮,在各類型的設(shè)計(jì)中都能見到。

以我個(gè)人的經(jīng)驗(yàn),我知道的最好的設(shè)計(jì)策略來自于一個(gè)我曾為之工作的創(chuàng)意總監(jiān)。

他的理念是:

“理解你要表達(dá)的信息。觀點(diǎn)要清晰,易懂,并貫徹始終。做到這一點(diǎn),設(shè)計(jì)自然成功?!?/p>

把負(fù)空間的設(shè)計(jì)觀念收入你的工具箱中,并試著經(jīng)常使用它吧。你的客戶依然會堅(jiān)持要你填滿每一寸空間,是的,即便是最優(yōu)秀的設(shè)計(jì)師也會遇到這種情況。

但是,一份出色的設(shè)計(jì)永遠(yuǎn)是最好的辯護(hù)詞。

為驚悚電影設(shè)計(jì)海報(bào)的藝術(shù)家同樣有一些大師級的“負(fù)空間”設(shè)計(jì)作品。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔