平面基礎(chǔ)小課堂!聊聊排版中的版面率和留白率

      作者:
      2018-05-29
      6177

      我們都知道一個(gè)版面中必定有版心的概念。何為版心呢?版心就是除去天頭、地腳和左右頁邊距余下的區(qū)域,也是我們頁面內(nèi)容的擺放空間。下圖中灰色塊的區(qū)域就是此頁面的版心。

      一、何為版面率

      我們都知道一個(gè)版面中必定有版心的概念。何為版心呢?版心就是除去天頭、地腳和左右頁邊距余下的區(qū)域,也是我們頁面內(nèi)容的擺放空間。下圖中灰色塊的區(qū)域就是此頁面的版心。

      知道了版心,那么何為版面率呢?版面率就是版心所占頁面的比例,通俗一點(diǎn)講就是版面的利用率。

      上面左圖中版心的面積非常大,四周的余白少,版面的利用率高,所以版面率就高。右圖版心面積小,版面利用率比左圖低,所以版面率就低一些。

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

      二、版面率對畫面氣質(zhì)的影響

      說完版面率的概念我們再來說一說版面率對畫面氣質(zhì)的影響。

      一般來說版面率越高,視覺張力就越大,版面也會(huì)更活潑與熱鬧;反之,版面率越小,給人感覺就越典雅與寧靜,版面也會(huì)更有格調(diào)。

      上圖中高版面率的海報(bào)相對于低版面率的更熱鬧與活潑;低版面率的則更典雅。

      畫冊中也是一樣的,上圖是我早些年做的一個(gè)案例。同樣的內(nèi)容跟圖片,只是版面的利用率不同,我們可以發(fā)現(xiàn)右邊低版面率的作品更安靜和典雅。

      版面率的高低能夠影響版面的氣質(zhì),所以我們實(shí)際工作中也要根據(jù)項(xiàng)目的氣質(zhì)分配合適的版面率。比方說典雅氣質(zhì)的項(xiàng)目我們就要用低版面率版面,如果用高版面率顯然是與項(xiàng)目本身的氣質(zhì)相悖的。

      三、留白率

      說完版面率我們再來說一下留白,留白的概念大家都懂。而這里所說的留白更多的是指頁面的負(fù)空間。

      頁面中去除內(nèi)容后的空間就是負(fù)空間,如下面這個(gè)頁面。

      圖中灰色塊代表圖和文字信息等內(nèi)容,除去這些圖片和文字后,頁面中的其他空間都可以看作是負(fù)空間,也就是留白。當(dāng)然,留白并不一定是白色,所有除去頁面內(nèi)容后的空間都是負(fù)空間,如上圖右側(cè)案例,黑色部分即此頁面的留白。

      負(fù)空間的多少即是留白的多少。留白的多少我們可以用留白率來表示,如上圖,負(fù)空間小的留白肯定少,留白率就低。負(fù)空間大的的留白肯定多,留白率就高。

      留白率就是版面留白的多少,實(shí)際上與版面率的概念差不多,如下。

      空版留白最多,滿版留白最少。當(dāng)然這也不是絕對的,有的作品中雖然是滿版,但空間廣闊,比如天空什么的,都可以當(dāng)作留白來看待。

      四、留白率對畫面的影響

      上面說來留白率跟版面率也有一定的關(guān)聯(lián),所以他們對畫面氣質(zhì)的影響也是如出一轍的。我們可以先來看一下低留白率與高留白率的幾個(gè)作品。

      通過這幾個(gè)作品我們可以看出留白少的信息更豐富,版面更有活力,也更熱鬧,親和力也更強(qiáng)。而留白多的更雅致,更安靜典雅,更有格調(diào)跟品質(zhì)感,但親和力稍弱。

      五、案例演示

      下面進(jìn)行案例演示吧,首先看一看文案。

      這一步我們需要把文案的層級關(guān)系拉開,大中小區(qū)分的明顯一點(diǎn)。這個(gè)文案的層級關(guān)系肯定是 欲望の森林 > 英文 > 欲望是無盡的森林 > 小文字信息的。

      首先我們做一個(gè)有張力的版面,那么我們可以想一想什么樣的版面是有張力的呢?

      首先版面率要大,其次留白要小,讓版面中的信息緊湊一點(diǎn)。

      上圖就是對版面的布局,可以看到圖片是出血版的,沒留天頭與左右頁邊距。這樣做的目的也是使版面率更大。

      布局做好之后我們把圖片與編排好的文字放置上去就可以了,如下。

      上圖可以看到留白比較少,符合留白率低的理論,雖然具備張力,但不是很明顯。這種情況下我們可以改變一下底色使之感覺留白率更低,如下。

      做完了留白少版面率高的,我們再來做一個(gè)典雅一點(diǎn)的。

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

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

      最后我們再根據(jù)版面布局置入圖片微調(diào)一下就可以了,如下。

      總結(jié)

      版面率跟留白率都能夠影響版面的氣質(zhì),我們做項(xiàng)目的時(shí)候具體問題具體分析,根據(jù)項(xiàng)目氣質(zhì)去設(shè)定版面率跟留白率的大小。


      6
      5
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號(hào)樓2層

      版權(quán)信息

        移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

      主站蜘蛛池模板: 日韩一区在线视频| 日韩精品中文字幕无码一区| 久久精品国产第一区二区| 国产精品亚洲一区二区三区在线| 日本国产一区二区三区在线观看| 中文字幕一精品亚洲无线一区| 亚洲a∨无码一区二区| 亚洲av午夜福利精品一区| 国产在线一区二区三区av| 色综合视频一区中文字幕| 精品视频无码一区二区三区| 人妻无码一区二区视频| 国产在线一区视频| 天天躁日日躁狠狠躁一区| 人妻视频一区二区三区免费 | 日韩十八禁一区二区久久| 伊人久久一区二区三区无码| 无码人妻精品一区二区| 国产精品区AV一区二区| 亚洲片一区二区三区| 一区二区三区在线看| 中文字幕在线视频一区| 插我一区二区在线观看| 久久精品国产一区| 久久久精品人妻一区二区三区 | 在线免费视频一区二区| 亚洲国产欧美日韩精品一区二区三区 | 免费在线视频一区| 精品女同一区二区三区免费播放| 国产精品亚洲一区二区三区在线观看| 亚洲AV无码国产精品永久一区| 精品动漫一区二区无遮挡| 欧美日韩精品一区二区在线观看| 少妇一晚三次一区二区三区| 国产一区二区精品久久岳√ | 精品一区二区三区四区| 无码AV中文一区二区三区| 精品欧洲av无码一区二区| 蜜桃传媒一区二区亚洲AV| 国产亚洲综合精品一区二区三区| aⅴ一区二区三区无卡无码|