大(dà)家(jiā)好，又跟大(dà)家(jiā)見面啦，本次的內(nèi)容是排版中版面率與留白對畫(huà)面氣質的影(yǐng)響。希望大(dà)家(jiā)喜歡！

一、何為(wèi)版面率

我們都知道(dào)一個(gè)版面中必定有(yǒu)版心的概念。何為(wèi)版心呢？版心就是除去天頭、地腳和(hé)左右頁邊距餘下的區(qū)域，也是我們頁面內(nèi)容的擺放空(kōng)間(jiān)。下圖中灰色塊的區(qū)域就是此頁面的版心。


知道(dào)了版心，那(nà)麽何為(wèi)版面率呢？版面率就是版心所占頁面的比例，通(tōng)俗一點講就是版面的利用率。


上(shàng)面左圖中版心的面積非常大(dà)，四周的餘白少(shǎo)，版面的利用率高(gāo)，所以版面率就高(gāo)。右圖版心面積小(xiǎo)，版面利用率比左圖低(dī)，所以版面率就低(dī)一些(xiē)。


版面中也有(yǒu)滿版與空(kōng)版的概念。如上(shàng)圖，滿版就是沒有(yǒu)天頭地腳與左右頁邊距的，此時(shí)版心即整個(gè)版面，版面利用率為(wèi)100%。空(kōng)版就是版面利用率為(wèi)0%的。從滿版到空(kōng)版之間(jiān)的版面率是遞減的關系。

二、版面率對畫(huà)面氣質的影(yǐng)響

說完版面率的概念我們再來(lái)說一說版面率對畫(huà)面氣質的影(yǐng)響。

一般來(lái)說版面率越高(gāo)，視(shì)覺張力就越大(dà)，版面也會(huì)更活潑與熱鬧；反之，版面率越小(xiǎo)，給人(rén)感覺就越典雅與甯靜，版面也會(huì)更有(yǒu)格調。


上(shàng)圖中高(gāo)版面率的海報相對于低(dī)版面率的更熱鬧與活潑；低(dī)版面率的則更典雅。


畫(huà)冊中也是一樣的，上(shàng)圖是我早些(xiē)年做(zuò)的一個(gè)案例。同樣的內(nèi)容跟圖片，隻是版面的利用率不同，我們可(kě)以發現右邊低(dī)版面率的作(zuò)品更安靜和(hé)典雅。

版面率的高(gāo)低(dī)能夠影(yǐng)響版面的氣質，所以我們實際工作(zuò)中也要根據項目的氣質分配合适的版面率。比方說典雅氣質的項目我們就要用低(dī)版面率版面，如果用高(gāo)版面率顯然是與項目本身的氣質相悖的。

三、留白率

說完版面率我們再來(lái)說一下留白，留白的概念大(dà)家(jiā)都懂。而這裏所說的留白更多(duō)的是指頁面的負空(kōng)間(jiān)。

頁面中去除內(nèi)容後的空(kōng)間(jiān)就是負空(kōng)間(jiān)，如下面這個(gè)頁面。


圖中灰色塊代表圖和(hé)文字信息等內(nèi)容，除去這些(xiē)圖片和(hé)文字後，頁面中的其他空(kōng)間(jiān)都可(kě)以看作(zuò)是負空(kōng)間(jiān)，也就是留白。當然，留白并不一定是白色，所有(yǒu)除去頁面內(nèi)容後的空(kōng)間(jiān)都是負空(kōng)間(jiān)，如上(shàng)圖右側案例，黑(hēi)色部分即此頁面的留白。


負空(kōng)間(jiān)的多(duō)少(shǎo)即是留白的多(duō)少(shǎo)。留白的多(duō)少(shǎo)我們可(kě)以用留白率來(lái)表示，如上(shàng)圖，負空(kōng)間(jiān)小(xiǎo)的留白肯定少(shǎo)，留白率就低(dī)。負空(kōng)間(jiān)大(dà)的的留白肯定多(duō)，留白率就高(gāo)。

留白率就是版面留白的多(duō)少(shǎo)，實際上(shàng)與版面率的概念差不多(duō)，如下。


空(kōng)版留白最多(duō)，滿版留白最少(shǎo)。當然這也不是絕對的，有(yǒu)的作(zuò)品中雖然是滿版，但(dàn)空(kōng)間(jiān)廣闊，比如天空(kōng)什麽的，都可(kě)以當作(zuò)留白來(lái)看待。

四、留白率對畫(huà)面的影(yǐng)響

上(shàng)面說來(lái)留白率跟版面率也有(yǒu)一定的關聯，所以他們對畫(huà)面氣質的影(yǐng)響也是如出一轍的。我們可(kě)以先來(lái)看一下低(dī)留白率與高(gāo)留白率的幾個(gè)作(zuò)品。

通(tōng)過這幾個(gè)作(zuò)品我們可(kě)以看出留白少(shǎo)的信息更豐富，版面更有(yǒu)活力，也更熱鬧，親和(hé)力也更強。而留白多(duō)的更雅緻，更安靜典雅，更有(yǒu)格調跟品質感，但(dàn)親和(hé)力稍弱。

五、案例演示

下面進行(xíng)案例演示吧(ba)，首先看一看文案。


這一步我們需要把文案的層級關系拉開(kāi)，大(dà)中小(xiǎo)區(qū)分的明(míng)顯一點。這個(gè)文案的層級關系肯定是 欲望の森(sēn)林 ＞ 英文 ＞ 欲望是無盡的森(sēn)林 ＞ 小(xiǎo)文字信息的。

首先我們做(zuò)一個(gè)有(yǒu)張力的版面，那(nà)麽我們可(kě)以想一想什麽樣的版面是有(yǒu)張力的呢？

首先版面率要大(dà)，其次留白要小(xiǎo)，讓版面中的信息緊湊一點。


上(shàng)圖就是對版面的布局，可(kě)以看到圖片是出血版的，沒留天頭與左右頁邊距。這樣做(zuò)的目的也是使版面率更大(dà)。

布局做(zuò)好之後我們把圖片與編排好的文字放置上(shàng)去就可(kě)以了，如下。


上(shàng)圖可(kě)以看到留白比較少(shǎo)，符合留白率低(dī)的理(lǐ)論，雖然具備張力，但(dàn)不是很(hěn)明(míng)顯。這種情況下我們可(kě)以改變一下底色使之感覺留白率更低(dī)，如下。


做(zuò)完了留白少(shǎo)版面率高(gāo)的，我們再來(lái)做(zuò)一個(gè)典雅一點的。

根據本篇文章的內(nèi)容思考一下什麽典雅與安靜的的排版版面率與留白率分别是什麽樣的？

一定是低(dī)版面率和(hé)較多(duō)留白的版面更能體(tǐ)現典雅與安靜感。所以我們在版面安排上(shàng)要使其留白更多(duō)，同時(shí)版面率要小(xiǎo)一點。下圖就是一個(gè)基本布局。


最後我們再根據版面布局置入圖片微調一下就可(kě)以了，如下。


總結

版面率跟留白率都能夠影(yǐng)響版面的氣質，我們做(zuò)項目的時(shí)候具體(tǐ)問題具體(tǐ)分析，根據項目氣質去設定版面率跟留白率的大(dà)小(xiǎo)。