無論你是做印刷（平面）設(shè)計(jì)還是線上（網(wǎng)站、電商、UI等）設(shè)計(jì)，都需要使用一些常見的原則來確保頁面（或版面）的平衡性。

不管是印刷小冊子抑或是app UI 設(shè)計(jì)，設(shè)計(jì)任何項(xiàng)目的主要目標(biāo)都是為了向受眾傳達(dá)清晰有效的信息。
頁面布局通常涉及很多元素的放置，重新排列和柵格化，許多設(shè)計(jì)師都將這一過程隨機(jī)結(jié)合在一起，通常會創(chuàng)造出一些自我感覺良好的效果。雖然這可能會創(chuàng)造一些出色的頁面布局，但使用這種自由并毫無章法的方式更可能會導(dǎo)致頁面缺失視覺平衡性。

一個好的頁面構(gòu)成應(yīng)該既賞心悅目，也能清楚地將關(guān)鍵信息傳達(dá)給目標(biāo)受眾。在此我將向大家介紹幾種技巧，以幫助一些不懂頁面布局技巧的設(shè)計(jì)師們在做設(shè)計(jì)時能夠輕松創(chuàng)建平衡的頁面布局。無論你應(yīng)用于哪方面的設(shè)計(jì)，這些方法都能很好地創(chuàng)造出平衡的布局。

01/

使用網(wǎng)格系統(tǒng)

讓頁面具有一定平衡性的最簡單方法之一莫過于使用網(wǎng)格系統(tǒng)，網(wǎng)格系統(tǒng)可以說是印刷設(shè)計(jì)中唯一遺留下來的一種經(jīng)典布局方法，自數(shù)字媒體發(fā)展起來的這些年以來，網(wǎng)格系統(tǒng)已經(jīng)幫助設(shè)計(jì)師完成了許多線上設(shè)計(jì)工作，成功將網(wǎng)格系統(tǒng)的概念移植到數(shù)字媒體中。

通過使用網(wǎng)格系統(tǒng)來規(guī)劃頁面上不同元素的位置，就可以創(chuàng)建并促進(jìn)頁面中不同元素之間的連接。這可以產(chǎn)生很強(qiáng)的頁面平衡感，為受眾提供一個清晰的結(jié)構(gòu)參考。

這一點(diǎn)很重要，因?yàn)楫?dāng)所有的頁面元素都具有互相連接的感覺時，整體效果會讓受眾感覺更舒適，并幫助他們?yōu)g覽重要部分，即內(nèi)容。

02/

選一個焦點(diǎn)

創(chuàng)造平衡的頁面布局最有效的方法之一就是在布局中找到一個焦點(diǎn)，關(guān)于這個觀點(diǎn)有個最好的例證：在設(shè)計(jì)中常用到的大圖像，便是頁面中最大的單一焦點(diǎn)元素。

一股強(qiáng)大的視覺效果可以強(qiáng)有力地吸引受眾進(jìn)入頁面中，也提供了一個很好的結(jié)構(gòu)元素，這時候可以圍繞它安排其他內(nèi)容。如果你有多個視覺元素，用格式塔理論的鄰近原則將它們組合在一起，并用對齊原則對齊它們。

同樣的還有用標(biāo)題或者引文副標(biāo)題等方式作為一個焦點(diǎn)存在，一個好的標(biāo)題可以和大圖像一樣產(chǎn)生強(qiáng)大的視覺吸引力，并且以此為基點(diǎn)安排其他元素，最終達(dá)到頁面布局的平衡。

03/

使用三分法則

創(chuàng)造平衡的頁面布局最有效的方法之一莫過于設(shè)計(jì)師們最喜歡的三分法則（或黃金比例法則）。三分法則簡而言之就是，將頁面垂直和水平分為三分之一，而網(wǎng)格線相交的點(diǎn)提供了現(xiàn)成的自然焦點(diǎn)。
通過將關(guān)鍵元素與這四點(diǎn)對齊，便可獲得比頁面中心點(diǎn)更令人滿意的構(gòu)圖。本身三分法則不會神奇地為布局提供平衡，但是通過擴(kuò)展原理，使用這個趨向于自然的焦點(diǎn)很容易實(shí)現(xiàn)平衡的頁面布局。
三分法則最常用的使用方法是將頁面的最重要元素放置在頁面的上部（或下部）三分之一處，使主焦點(diǎn)對齊以匹配其中一個交點(diǎn)。
04/

使用留白

新手設(shè)計(jì)師通常會把頁面上的每一個空白都填充內(nèi)容，直到填滿每一個空白。更有經(jīng)驗(yàn)的設(shè)計(jì)師則知道，有時候最好的設(shè)計(jì)就是把元素排除在外，而不是把它們固定其中。留白也稱“負(fù)空間”，實(shí)際上，空間并不都是有色的，任何與焦點(diǎn)信息無關(guān)的空白空間都可以被歸類為“留白”。
在印刷媒體中，利用留白的最常用方法是擴(kuò)大頁邊距和間距。在網(wǎng)絡(luò)上，只要在元素周圍提供充足的呼吸空間，就可以使整體布局趨向合理和平衡。

要想達(dá)到一個很好的留白效果，需要用一個清晰的布局把內(nèi)容固定好（如使用網(wǎng)格系統(tǒng)），否則隨意使用留白可能會導(dǎo)致頁面元素與元素之間相互脫節(jié)。

05/

重復(fù)設(shè)計(jì)元素

重復(fù)是格式塔原則中的另一種原則，設(shè)計(jì)中使用重復(fù)原則可以達(dá)到很強(qiáng)的聯(lián)系性和平衡性。其思路是通過識別和再利用圖案進(jìn)行設(shè)計(jì)處理并貫穿整個布局，這樣可以為受眾提供一個參考，使不同的區(qū)域在感覺上是連通的，并且感覺是相同整體布局中的一部分，頁面達(dá)到和諧、統(tǒng)一的視覺效果，并能加強(qiáng)給人的印象，也可以達(dá)到一種有規(guī)律的節(jié)奏感和形式美感。

06/

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

實(shí)現(xiàn)頁面布局平衡的關(guān)鍵方法之一便是創(chuàng)造清晰的結(jié)構(gòu)和層次，前面我們已經(jīng)談到了結(jié)構(gòu)，但同時也要傳達(dá)出頁面上不同內(nèi)容的相對重要性。例如，標(biāo)題總是比正文內(nèi)容更占有視覺上的重要性。

看看構(gòu)成頁面的不同元素，并決定哪個元素是最重要的，并以此元素為基準(zhǔn)調(diào)整頁面上其余元素的層次關(guān)系，使其保持最重要。

07/

使用比例、對比和和諧

最后，比例的使用可以說是頁面布局設(shè)計(jì)中實(shí)現(xiàn)良好的視覺平衡的一個非常行之有效的方法，通過讓一些元素比其他元素更大，就會出現(xiàn)秩序和層次感。這有助于創(chuàng)建一個舒適的布局，因?yàn)槭鼙姇�自動首先查看布局中的較大元素，緊接著查看較小的元素。

這個原理也適用于增加對比度，通過對比將頁面上的元素隔離開來，會使眼睛首先關(guān)注該重要點(diǎn)。這就提供了一個方式吸引受眾關(guān)注到頁面，并再次給出一個有用的結(jié)構(gòu)焦點(diǎn)來引導(dǎo)接下來的布局設(shè)計(jì)。

比例和對比度適用于一個元素時效果最好，使其與布局的其他部分脫穎而出。而使用和諧的原則，則能在判斷兩種以上的要素或部分與部分的相互關(guān)系時，給我們在感覺上和意識上是一種整體協(xié)調(diào)的關(guān)系。

其實(shí)，再偉大的設(shè)計(jì)方法都是在最基本的設(shè)計(jì)基礎(chǔ)知識之上發(fā)展而來，以上7種方法也都是設(shè)計(jì)構(gòu)成學(xué)中的基礎(chǔ)知識點(diǎn)。關(guān)鍵是需要溫故知新并且勤于練習(xí)和運(yùn)用，才能穩(wěn)固地掌握并推陳出新。

本文由 茂趣創(chuàng)意/Cren 茂茂 原創(chuàng)