細說平面排版設計中的版面率和(hé)留白率


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

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

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

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

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

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

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

一(yī)般來說版面率越高,視(shì)覺張力就越大,版面也會更活潑與熱(rè)鬧;反之,版面率越小,給人(rén)感覺就越典雅與甯靜,版面也會更有格調。

上(shàng)圖中高版面率的海(hǎi)報相對于低(dī)版面率的更熱(rè)鬧與活潑;低(dī)版面率的則更典雅。

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

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

三、留白率

說完版面率我們再來說一(yī)下(xià)留白,留白的概念大家都(dōu)懂(dǒng)。而這(zhè)裏所說的留白更多的是指頁面的負空間(jiān)。

頁面中去除內(nèi)容後的空間(jiān)就是負空間(jiān),如(rú)下(xià)面這(zhè)個頁面。

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

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

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

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

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

上(shàng)面說來留白率跟版面率也有一(yī)定的關聯,所以他(tā)們對畫(huà)面氣質的影響也是如(rú)出一(yī)轍的。我們可(kě)以先來看(kàn)一(yī)下(xià)低(dī)留白率與高留白率的幾個作(zuò)品。

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

五、案例演示

下(xià)面進行(xíng)案例演示吧,首先看(kàn)一(yī)看(kàn)文案。

這(zhè)一(yī)步我們需要(yào)把文案的層級關系拉開(kāi),大中小區(qū)分的明(míng)顯一(yī)點。這(zhè)個文案的層級關系肯定是 欲望の森林 > 英文 > 欲望是無盡的森林 > 小文字信息的。

首先我們做(zuò)一(yī)個有張力的版面,那(nà)麽我們可(kě)以想一(yī)想什麽樣的版面是有張力的呢?

首先版面率要(yào)大,其次留白要(yào)小,讓版面中的信息緊湊一(yī)點。

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

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

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

做(zuò)完了(le)留白少(shǎo)版面率高的,我們再來做(zuò)一(yī)個典雅一(yī)點的。

根據本篇文章(zhāng)的內(nèi)容思考一(yī)下(xià)什麽典雅與安靜的的排版版面率與留白率分别是什麽樣的?

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

最後我們再根據版面布局置入圖片微(wēi)調一(yī)下(xià)就可(kě)以了(le),如(rú)下(xià)。

總結

版面率跟留白率都(dōu)能(néng)夠影響版面的氣質,我們做(zuò)項目的時(shí)候具體問(wèn)題具體分析,根據項目氣質去設定版面率跟留白率的大小。

0371-65861326
138 3818 8615
lingpaoad@sina.com
鄭州市中州大道(dào)晨旭路
瑞銀(yín)大廈23樓

Copyright © 2004-2018
京ICP證000000号