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

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

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

01/

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

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

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

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

02/

選一個(gè)焦點(diǎn)

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

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

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

03/

使用三分法則

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

使用留白

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

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

05/

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

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

06/

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

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

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

07/

使用比例、對(duì)比和和諧

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

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

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

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

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