不論是印刷設(shè)計(jì)還是網(wǎng)頁(yè)設(shè)計(jì)，版面布局的原則都是類似的。

排版對(duì)于很多專業(yè)設(shè)計(jì)師來(lái)說(shuō)都是難事。許多設(shè)計(jì)者都是跟著感覺(jué)去排版，也許這種“隨心所欲”的方法會(huì)有一個(gè)不錯(cuò)的設(shè)計(jì)，但是大多數(shù)時(shí)候都會(huì)導(dǎo)致排版過(guò)于隨意，而在視覺(jué)上產(chǎn)生混亂感。

一個(gè)好的排版應(yīng)該在悅目的同時(shí)將關(guān)鍵信息清楚地傳達(dá)給讀者，那么對(duì)于設(shè)計(jì)小白來(lái)說(shuō)，怎么排版才能達(dá)到這樣的效果呢？

希望Fotor平面設(shè)計(jì)網(wǎng)站分享的7個(gè)小技巧可以給你帶來(lái)一些幫助。

---

網(wǎng)格布局法

網(wǎng)格式布局是確保頁(yè)面平衡的最簡(jiǎn)單的方法之一。

通過(guò)使用網(wǎng)格來(lái)確定頁(yè)面上不同元素的位置，并在不同元素組成的頁(yè)面之間創(chuàng)建連接，從而使整體布局有一種秩序感，并為讀者提供一個(gè)清晰的結(jié)構(gòu)。

值得注意的是，當(dāng)頁(yè)面所有元素有相互連接的感覺(jué)時(shí)，頁(yè)面整體效果更為輕松舒適，并且會(huì)更加方便讀者獲取內(nèi)容！

焦點(diǎn)法

同時(shí)提供一個(gè)焦點(diǎn)元素，圍繞它排列布局中的剩余內(nèi)容。如果頁(yè)面中有多個(gè)視覺(jué)元素，那么使用設(shè)計(jì)中的接近原則將它們組合在一起，并且以相同的方式對(duì)齊它們。

同樣的道理，使用一個(gè)醒目的標(biāo)題與使用大圖像是相同的效果，同時(shí)又有助于確保頁(yè)面結(jié)構(gòu)的平衡。

三分法

保持平衡還有一種方式就是使用設(shè)計(jì)師最喜歡的“三分法則”，又稱“黃金比例”。

簡(jiǎn)單來(lái)說(shuō)就是將整個(gè)畫面用橫、豎方向的兩條直線分割成等份的三部分，網(wǎng)格線相交的點(diǎn)便是焦點(diǎn)。將關(guān)鍵要素放置在焦點(diǎn)上的效果，要比放在頁(yè)面正中間的效果更好。

三分法則本身并不能使頁(yè)面布局平衡，但通過(guò)擴(kuò)展原理便很容易實(shí)現(xiàn)平衡布局。 通常的方法是將頁(yè)面中的核心內(nèi)容放置在頁(yè)面的上（或下）三分之一處。

留白法

新手設(shè)計(jì)師通常會(huì)將頁(yè)面空白處全部填滿，但是經(jīng)驗(yàn)豐富的設(shè)計(jì)師懂得留白，而不是將全部?jī)?nèi)容硬塞到一起。

在設(shè)計(jì)中，只需在元素周圍提供充足的呼吸空間，便可以使布局舒適且平衡。留白最佳效果的前提，是有一個(gè)明確的結(jié)構(gòu)并且能將內(nèi)容鏈接在一起（就像使用網(wǎng)格的效果），如果隨意留白，很可能會(huì)導(dǎo)致頁(yè)面元素之間脫節(jié)，從而產(chǎn)生斷裂感，影響讀者的閱讀體驗(yàn)。

格式塔原則

格式塔原則就是通過(guò)在整個(gè)布局中重復(fù)使用相同的圖案或設(shè)計(jì)，讓讀者在整體頁(yè)面中感到不同的區(qū)域有所連接且部分相同，可以提供很強(qiáng)的布局連接感和整體平衡性。

在設(shè)計(jì)頁(yè)面時(shí)，格式塔原則能與焦點(diǎn)法很好地結(jié)合，確保在提供焦點(diǎn)的同時(shí)保留整體平衡性，避免重復(fù)模式的相似性。

層次結(jié)構(gòu)

完美的排版布局的關(guān)鍵之一是有清晰的結(jié)構(gòu)和層次感。

前面我們已經(jīng)談到了結(jié)構(gòu)，簡(jiǎn)單說(shuō)來(lái)，就是需要從設(shè)計(jì)上體現(xiàn)不同內(nèi)容的重要性，這就是為什么一級(jí)標(biāo)題應(yīng)該比二級(jí)標(biāo)題更突出，而二級(jí)標(biāo)題要比段落的內(nèi)容更加突出的原因。

所以我們?cè)谶M(jìn)行設(shè)計(jì)之前，需要了解到底在設(shè)計(jì)什么？元素有哪些？并判斷出最重要的那個(gè)，為頁(yè)面上其余元素提供結(jié)構(gòu)基礎(chǔ)。

元素比例+對(duì)比度

通過(guò)調(diào)整不同元素的大小比例，可以實(shí)現(xiàn)整體布局的層次感。因?yàn)樽x者會(huì)首先看到頁(yè)面中較大的元素，然后在閱讀時(shí)逐漸注意到較小的元素。

這個(gè)原理也可以與改變對(duì)比度同時(shí)使用，通過(guò)改變對(duì)比度來(lái)突出頁(yè)面上的一個(gè)元素，從而達(dá)到引導(dǎo)讀者視線的效果。當(dāng)規(guī)模結(jié)構(gòu)和對(duì)比度同時(shí)應(yīng)用在一個(gè)元素時(shí)效果最佳。