我們(men)都知道一個版(ban)面(mian)中必定有版(ban)心(xin)的(de)概念。何為版(ban)心(xin)呢？版(ban)心(xin)就是(shi)除去(qu)天頭、地腳和(he)左右頁(ye)(ye)邊距余下的(de)區域，也是(shi)我們(men)頁(ye)(ye)面(mian)內(nei)容的(de)擺放空間。下圖中灰色塊的(de)區域就是(shi)此(ci)頁(ye)(ye)面(mian)的(de)版(ban)心(xin)。
知道(dao)了版心，那(nei)么何為版面率(lv)呢(ni)？版面率(lv)就(jiu)是(shi)版心所占頁(ye)面的比例，通俗一點講就(jiu)是(shi)版面的利用率(lv)。
上(shang)面左圖(tu)中(zhong)版(ban)心的面積(ji)非常大，四周的余白少，版(ban)面的利用率高，所(suo)以(yi)版(ban)面率就高。右圖(tu)版(ban)心面積(ji)小，版(ban)面利用率比左圖(tu)低，所(suo)以(yi)版(ban)面率就低一些。
版(ban)(ban)(ban)面中也有滿版(ban)(ban)(ban)與空版(ban)(ban)(ban)的(de)概念(nian)。如上圖(tu)，滿版(ban)(ban)(ban)就(jiu)是沒有天頭(tou)地腳(jiao)與左(zuo)右(you)頁邊距的(de)，此時(shi)版(ban)(ban)(ban)心即(ji)整個版(ban)(ban)(ban)面，版(ban)(ban)(ban)面利用(yong)率(lv)為100%。空版(ban)(ban)(ban)就(jiu)是版(ban)(ban)(ban)面利用(yong)率(lv)為0%的(de)。從滿版(ban)(ban)(ban)到空版(ban)(ban)(ban)之(zhi)間的(de)版(ban)(ban)(ban)面率(lv)是遞減的(de)關系。
說(shuo)(shuo)(shuo)完版面率(lv)的(de)概念(nian)我們再來(lai)說(shuo)(shuo)(shuo)一說(shuo)(shuo)(shuo)版面率(lv)對畫面氣質(zhi)的(de)影響。
一般來說版(ban)面(mian)率(lv)(lv)越(yue)高，視覺(jue)張(zhang)力(li)就越(yue)大，版(ban)面(mian)也(ye)會更(geng)活(huo)潑與(yu)熱鬧；反(fan)之，版(ban)面(mian)率(lv)(lv)越(yue)小，給人感覺(jue)就越(yue)典雅(ya)(ya)與(yu)寧靜(jing)，版(ban)面(mian)也(ye)會更(geng)有格調(diao)。
上圖中高版面(mian)率的海報相對于低(di)(di)版面(mian)率的更熱鬧(nao)與(yu)活潑；低(di)(di)版面(mian)率的則更典雅(ya)。
畫冊中也是一(yi)樣(yang)(yang)的(de)(de)，上(shang)圖是我(wo)(wo)早(zao)些年做的(de)(de)一(yi)個案(an)例(li)。同(tong)樣(yang)(yang)的(de)(de)內容跟圖片，只是版(ban)面的(de)(de)利(li)用率(lv)(lv)不同(tong)，我(wo)(wo)們可以發(fa)現右邊低版(ban)面率(lv)(lv)的(de)(de)作品更(geng)安靜(jing)和典雅。
版面率(lv)(lv)的(de)高低能夠影響版面的(de)氣(qi)質，所以(yi)我(wo)們實際工(gong)作中也要根(gen)據項目(mu)的(de)氣(qi)質分配合適的(de)版面率(lv)(lv)。比方說典雅氣(qi)質的(de)項目(mu)我(wo)們就要用(yong)低版面率(lv)(lv)版面，如果用(yong)高版面率(lv)(lv)顯然是與項目(mu)本身的(de)氣(qi)質相悖的(de)。
說完版面(mian)率我們再(zai)來說一下留白，留白的(de)概念大家都懂。而這里所說的(de)留白更多(duo)的(de)是(shi)指頁面(mian)的(de)負空間。
頁面中去除內容后的空間就是(shi)負空間，如下面這(zhe)個頁面。
圖(tu)中灰色塊代表圖(tu)和文字信(xin)息(xi)等內容，除去這些圖(tu)片(pian)和文字后，頁面中的其他空間(jian)都可以看作是(shi)負空間(jian)，也(ye)就是(shi)留(liu)白。當然，留(liu)白并不(bu)一(yi)定(ding)是(shi)白色，所有(you)除去頁面內容后的空間(jian)都是(shi)負空間(jian)，如(ru)上圖(tu)右(you)側(ce)案例，黑色部分即此(ci)頁面的留(liu)白。
負空(kong)間的(de)(de)多(duo)少(shao)即是留(liu)(liu)(liu)白(bai)的(de)(de)多(duo)少(shao)。留(liu)(liu)(liu)白(bai)的(de)(de)多(duo)少(shao)我(wo)們(men)可以(yi)用留(liu)(liu)(liu)白(bai)率來表示，如(ru)上圖(tu)，負空(kong)間小的(de)(de)留(liu)(liu)(liu)白(bai)肯定少(shao)，留(liu)(liu)(liu)白(bai)率就(jiu)低。負空(kong)間大的(de)(de)的(de)(de)留(liu)(liu)(liu)白(bai)肯定多(duo)，留(liu)(liu)(liu)白(bai)率就(jiu)高。
留白(bai)率就是版面留白(bai)的多(duo)少，實際上(shang)與版面率的概念差不多(duo)，如下。
空(kong)版留(liu)白(bai)最多(duo)，滿版留(liu)白(bai)最少。當然這(zhe)也不是絕對的，有的作(zuo)品中雖(sui)然是滿版，但空(kong)間廣闊，比如(ru)天空(kong)什么的，都可(ke)以(yi)當作(zuo)留(liu)白(bai)來看待。
上面(mian)說來留白率跟版面(mian)率也有(you)一(yi)定的(de)關聯，所以他(ta)們(men)對(dui)畫(hua)面(mian)氣質的(de)影響也是如出一(yi)轍的(de)。我們(men)可以先來看一(yi)下低留白率與(yu)高留白率的(de)幾個作品(pin)。
通過這幾個作(zuo)品(pin)我(wo)們(men)可以看出留(liu)白少的(de)信息更(geng)豐(feng)富，版(ban)面更(geng)有活力(li)，也更(geng)熱鬧，親和力(li)也更(geng)強。而留(liu)白多的(de)更(geng)雅致，更(geng)安(an)靜典雅，更(geng)有格調(diao)跟品(pin)質感，但親和力(li)稍(shao)弱。
下(xia)面進行案例(li)演示(shi)吧，首先看一看文案。
這(zhe)一步(bu)我們需(xu)要把文(wen)(wen)案的(de)(de)層級關(guan)系拉開，大中(zhong)小區分的(de)(de)明顯一點。這(zhe)個文(wen)(wen)案的(de)(de)層級關(guan)系肯(ken)定(ding)是(shi) 欲望の森林(lin) ＞ 英文(wen)(wen) ＞ 欲望是(shi)無盡的(de)(de)森林(lin) ＞ 小文(wen)(wen)字信息的(de)(de)。
首先我(wo)們做一(yi)個有(you)張力(li)的(de)(de)版面，那么我(wo)們可(ke)以(yi)想(xiang)(xiang)一(yi)想(xiang)(xiang)什么樣的(de)(de)版面是有(you)張力(li)的(de)(de)呢？
首先版(ban)面率(lv)要(yao)大，其次留(liu)白要(yao)小，讓(rang)版(ban)面中的信息(xi)緊湊一點。
上圖(tu)(tu)就是(shi)對版(ban)面的布局，可以看(kan)到圖(tu)(tu)片是(shi)出(chu)血版(ban)的，沒(mei)留天(tian)頭與(yu)左右頁邊距。這(zhe)樣做的目的也(ye)是(shi)使(shi)版(ban)面率更大。
布局做(zuo)好(hao)之后我們把圖片與編排好(hao)的文(wen)字放置(zhi)上去就可(ke)以了，如下。
上圖可以看到(dao)留(liu)白比較少，符合留(liu)白率低(di)(di)的理論，雖(sui)然具備張力，但不是(shi)很明顯。這種情況下(xia)我們可以改變一下(xia)底色使之感(gan)覺留(liu)白率更低(di)(di)，如下(xia)。
做完了留白(bai)少版面(mian)率高的，我們再來做一個(ge)典雅(ya)一點的。
根據本篇文章的(de)內容思考一下什(shen)么(me)典雅(ya)與安靜的(de)的(de)排(pai)版版面(mian)率(lv)與留白率(lv)分別是什(shen)么(me)樣的(de)？
一(yi)定是(shi)低(di)版面(mian)率(lv)和較多留白的版面(mian)更(geng)能體現典雅(ya)與安靜感。所以我們在版面(mian)安排上要(yao)(yao)使其留白更(geng)多，同時(shi)版面(mian)率(lv)要(yao)(yao)小一(yi)點(dian)。下圖就是(shi)一(yi)個(ge)基本布局。
最后我們再(zai)根據版(ban)面布(bu)局置入圖(tu)片微調一(yi)下就可以了，如(ru)下。
版(ban)(ban)面(mian)率(lv)(lv)跟留白率(lv)(lv)都能夠影響版(ban)(ban)面(mian)的氣(qi)質，我們做項目(mu)的時候具體問題具體分析，根(gen)據項目(mu)氣(qi)質去(qu)設定(ding)版(ban)(ban)面(mian)率(lv)(lv)跟留白率(lv)(lv)的大(da)小(xiao)。
在線客服1號
微信公眾賬號