什么是設(shè)計(jì)的留白?留白有什么用?
作者:來(lái)設(shè)計(jì)
2022-01-072022-01-07

文章來(lái)源:早山設(shè)計(jì)

ID:zaoshan-cn

作者:早山

?

?

首先,留白是一個(gè)相對(duì)的概念,為了方便大家理解,我們先簡(jiǎn)單介紹一下留白是什么?以海報(bào)舉例,搞清楚留白到底在哪里?在各種風(fēng)格類型的海報(bào)當(dāng)中,留白可以說(shuō)有時(shí)很直白,有時(shí)很隱晦,那到底什么是留白?

?

?

?

?

什么是留白?

?

?

?

?

?

畫(huà)面中一切空白的區(qū)域,都是留白?

?

最直接的,在我們能看到的文字、元素圖片周邊,我們能輕易看到一大片沒(méi)有信息元素的區(qū)域,這些區(qū)域就是留白,這些區(qū)域甚至大于主體元素區(qū)域。

?

640?wx_fmt=png

?

640?wx_fmt=png

?

640?wx_fmt=jpeg

?

640?wx_fmt=jpeg

?

640?wx_fmt=gif

?

從海報(bào)畫(huà)面中你很明顯的看到了空白的部分,除去文字與圖片,剩下這些區(qū)域就是留白。這很顯而易見(jiàn),那是不是只有空白的地方就是留白呢?當(dāng)然不是。

?

?

?

?沒(méi)有關(guān)鍵信息的區(qū)域,都是留白?

?

有些畫(huà)面中,圖片占滿了整個(gè)版面,那這個(gè)版面中是不是就沒(méi)有留白了呢?不是的。版面設(shè)計(jì)中,有的元素純粹是為了烘托氣氛或是裝飾畫(huà)面的,這些元素沒(méi)有傳達(dá)任何關(guān)鍵信息。他在版面中不會(huì)分散讀者的閱讀注意力,那這些區(qū)域,就是版面的留白。

?

640?wx_fmt=png

?

從這張海報(bào)中,雖然我們能看到一大片的地面肌理,但是版面中的關(guān)鍵信息是上下的兩段文字和中間的人物。

?

?

640?wx_fmt=png

?

這張海報(bào)中的航拍城市完全作為一個(gè)背景在使用,但是當(dāng)中并沒(méi)有關(guān)鍵信息的輸出,海報(bào)的主題主體是文字信息。

?

?

640?wx_fmt=png

?

雖然版面中的英文“WOOH”非常顯眼,但是因?yàn)榇竺娣e的鋪設(shè),反而成了一個(gè)輔助底紋,版面中人物和左下角的小文字成為了主體。

?

640?wx_fmt=jpeg

?

640?wx_fmt=jpeg

?

640?wx_fmt=gif

?

我們把畫(huà)面中有關(guān)鍵視覺(jué)焦點(diǎn)的信息區(qū)域用紅色標(biāo)記,雖然他填滿了整個(gè)區(qū)域,但是那些元素并不是關(guān)鍵信息元素,那沒(méi)有關(guān)鍵特殊信息的的區(qū)域就是留白。

?

?

?

?元素組之間明顯的間隔區(qū)域,也是留白?

?

有些版面元素、文字很滿,我們幾乎感覺(jué)不到他的留白空間,但只要元素信息之間還有明顯的間隔,這些間隔區(qū)域也是留白,只是留白較小而已。

640?wx_fmt=jpeg

?

640?wx_fmt=gif

?

640?wx_fmt=jpeg

?

在滿版的編排中,這些元素之間的縫隙,在版面設(shè)計(jì)中非常關(guān)鍵,正是這些留空區(qū)域,讓版面有呼吸的空間。

?

了解了什么是留白,接下來(lái)我們說(shuō)說(shuō)我們?yōu)槭裁匆舭??留白有什么作用?/strong>

?

?

?

?

?

留白在版面中起什么作用?

?

?

?

?

640?wx_fmt=jpeg

?

?

我遇到過(guò)頭疼的事情有很多,但最多的還是:logo要大,產(chǎn)品放大一點(diǎn),電話號(hào)碼看不清,等等一系列的要求,其實(shí)主旨就一個(gè),突出客戶的信息。但是客戶不知道的是,突出主體,并不是只有放大一種方法,有時(shí)適當(dāng)?shù)牧舭?,比放大更管用?/p>

?

?

640?wx_fmt=jpeg

?

這里不得不提的就是原研哉為無(wú)印良品設(shè)計(jì)的系列海報(bào),畫(huà)面中主體特別小,但是品牌logo卻特別醒目。

?

640?wx_fmt=jpeg

張子建設(shè)計(jì)作品

?

640?wx_fmt=jpeg

攝影中的留白

?

如果想在畫(huà)面中突出主體,就要明白,少即是多的道理,元素越少,人們的視線越聚焦,就不會(huì)被別的無(wú)用元素干擾。在設(shè)計(jì)中使用留白,也能達(dá)到一樣的聚焦效果。道理是通用的,不要讓繁雜的事情,轉(zhuǎn)移有限的注意力,學(xué)會(huì)聚焦最重要的東西!

?

?

?

?

?

640?wx_fmt=jpeg

?

?

一個(gè)版面中,一般會(huì)有好幾種類型的信息,我們不可能把所有信息平均的展示出來(lái),這時(shí)需要把信息做編組,而區(qū)分信息組,就需要留白來(lái)調(diào)節(jié)。留白讓信息之間歸類群組,能起到控制信息閱讀節(jié)奏的作用。我們把這些留白稱為設(shè)計(jì)中的呼吸感,留給視覺(jué)喘息的空間。

?

?

640?wx_fmt=jpeg

?

640?wx_fmt=jpeg

?

640?wx_fmt=jpeg

640?wx_fmt=gif

?

畫(huà)面中我們能看到留白區(qū)域把信息做了一個(gè)劃分,再通過(guò)大小對(duì)比,把信息又分成了不同的層級(jí)關(guān)系,讓我們能輕易地找到我們想讀取的關(guān)鍵信息。

?

?

?

?

?

640?wx_fmt=jpeg

?

?

在畫(huà)面中留白,只展示關(guān)鍵主體信息,讓人們通過(guò)想象力補(bǔ)全缺失的元素,這時(shí)每個(gè)人看到的都是不一樣的畫(huà)面,這就是留白給受眾留下的想象力空間。

其中山水畫(huà)是最講究留白的,國(guó)畫(huà)中的留白是山水畫(huà)的關(guān)鍵,不像油畫(huà)那樣需要鋪滿整個(gè)畫(huà)面。中國(guó)畫(huà)的表達(dá)手法中,畫(huà)云煙用留白,畫(huà)天空用留白,畫(huà)水流也用留白、、、。

?

640?wx_fmt=jpeg

?

我們可以想象遠(yuǎn)處似山不是山,似水不是水,也可以想象那是煙霧遮擋了遠(yuǎn)處的漁家,到底有什么,由讀者自己想象。

?

640?wx_fmt=jpeg

^

是蘆葦?是草地?是貓毛?

?

640?wx_fmt=jpeg

^

是山?是水?是煙?

?

640?wx_fmt=jpeg

^

是沙?是海?還是地?

?

640?wx_fmt=jpeg

^

是海平面?是船艙?是月亮?是望遠(yuǎn)鏡?是內(nèi)?是外?

?

中國(guó)頂流海報(bào)設(shè)計(jì)師黃海,他對(duì)留白的應(yīng)用,可謂登峰造極,充分應(yīng)用異構(gòu)打造似是而非的畫(huà)面,因?yàn)殛P(guān)鍵的留白區(qū)域,讀者可以有多種解釋,也讓人無(wú)限遐想。

?

?

?

?

?

640?wx_fmt=jpeg

?

?

留白帶給人的感受有很多,有詭異神秘,有淡雅嫻靜,或高級(jí)尊貴,或獨(dú)特孤獨(dú)、、、通過(guò)留白,受眾能從中獲得文字信息之外的一些主觀視覺(jué)感受。

?

640?wx_fmt=jpeg

^

或孤獨(dú)

?

640?wx_fmt=jpeg

^

或神秘

?

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

^

或高級(jí)

?

640?wx_fmt=jpeg

^

或小清新

?

不管是什么氛圍意境,通過(guò)設(shè)計(jì)的留白,都能營(yíng)造某種特定的氛圍,把情緒感受傳達(dá)給讀者。

?

這就是留白在設(shè)計(jì)中的作用!

?

?

OK,我們回顧一下,本次主要分享了留白的概念以及它的四個(gè)作用:

?

1、突出主體

2、信息分組

3、提供想象

4、營(yíng)造氛圍

?

?“留白”是在你覺(jué)得畫(huà)面雜亂的時(shí)候幫助你的好方法。雖然“留白”不是萬(wàn)能的,但是不會(huì)“留白”是萬(wàn)萬(wàn)不能的。

留白是版式設(shè)計(jì)中一定要學(xué)會(huì)的技巧,但是也應(yīng)該根據(jù)甲方爸爸給的設(shè)計(jì)需求,以及甲方產(chǎn)品的市場(chǎng)定位、目標(biāo)人群和營(yíng)銷方案等去決定留白的程度。

?

設(shè)計(jì)師在編排版式信息的時(shí)候,就像是在精心的策劃一件展覽空間,邀請(qǐng)觀賞者進(jìn)入他們絞盡腦汁經(jīng)過(guò)多元技巧表現(xiàn)的視覺(jué)盛宴,每一個(gè)版面的信息編排都是有理有據(jù)的。

?

?

?

?