首先我們來簡單了解一下對比與統(tǒng)一包含的主要內(nèi)容。

版式中的對比關(guān)系主要包含：

大小對比、字體對比、粗細(xì)對比、顏色對比、長短（高矮對比）、稀疏對比、多與少對比、方向?qū)Ρ?、圖文對比、空間對比、維度對比、點線面對比、輪廓（形狀）對比等等。

版式中的統(tǒng)一關(guān)系主要包含：

統(tǒng)一字體、統(tǒng)一對齊關(guān)系、統(tǒng)一顏色、統(tǒng)一字號、統(tǒng)一修飾技巧、統(tǒng)一圖形元素的風(fēng)格，統(tǒng)一間距等等。

接下來，我們來看幾個案例：

上圖是一本設(shè)計書的內(nèi)頁排版，版面干凈整潔、文字的可讀性比較高，但視覺上有點過于呆板，原因就是太強調(diào)統(tǒng)一的關(guān)系了，而對比關(guān)系則太很少，且對比不夠強烈。

拉上輔助線我們就可以看出，該版面使用了對稱雙欄網(wǎng)格，所有的信息都嚴(yán)格遵循著網(wǎng)格來排版，主要的文字信息全部排在右欄，并且全部左對齊；而圖片則全部排在左欄，同時也保持著寬度的統(tǒng)一；為了使整個版面更整體，還用了上下兩條直線把正文和圖片與其他信息隔開，所以這個版面的視覺流程非常清晰、簡單。

但處理得又太過簡單了，一是與設(shè)計書籍的調(diào)性差了一點點；另外，由于文字的層級關(guān)系比較少，缺乏節(jié)奏感，所以顯得很無趣，視覺上不夠有吸引力。這是因為版面中的對比關(guān)系很少，僅有的幾處對比所用的手法也很單調(diào)，只是字號大小對比和顏色對比等。

上圖是另一個方案，與第一個方案完全相反，這個方案的排版則顯得特別混亂，對比關(guān)系非常多，也很強烈，但似乎毫無邏輯，版面中的元素各自為陣，缺乏關(guān)聯(lián)，甚至很難從視覺上搞清楚正確的閱讀順序是怎樣的。

原因就是統(tǒng)一的關(guān)系沒有處理好，比如標(biāo)題的排版太分散了，三行文字的間距、圖文框的大小、文字和圖文框的位置都是很隨意的，標(biāo)題下方的引文使用宋體字與版面的調(diào)性不搭，紅色的小字閱讀起來也會比較困難。

正文和圖片的排版也很亂，首先，讀完標(biāo)題和引文以后，讀者可能就不知道該先讀左邊的文字還是右邊的文字，因為引文在左邊，下面又有圖片承接，所以讀者很容易順著圖片先讀左邊的文字，而實際上是右邊的文字在前面。

還有一些排版的小技巧也使整個版面變得更加混亂，比如在“圖一”的右上角加上圓弧形的英文，“圖二”與正文錯位，并疊加了一層線條圖樣等等。

我們再來看看方案三，相比前兩個是不是要好很多，首先大的調(diào)性是符合設(shè)計類書籍的，設(shè)計感比較強，既不混亂也不呆板，層級關(guān)系很鮮明、視覺流程也很簡單，版面也有一定的節(jié)奏感，閱讀起來會很輕松。

拉上輔助線后我們可以看出，該版面用了非對稱雙欄網(wǎng)格，左窄右寬，所以視覺上不會太平均；標(biāo)題采用了錯位排版并加了下劃線，與正文的區(qū)別足夠大，但與正文保持著某些對齊關(guān)系。引文用圖文框進行突出，使其與正文區(qū)別開來，多了一個層級關(guān)系和閱讀的停頓時間，圖文框正好在網(wǎng)格內(nèi)，所以不會顯得很亂。

兩張圖片也有主次的區(qū)分，“圖一”拉大做了出血處理，打破了網(wǎng)格的束縛，增加了版面的張力；圖二縮小與正文做了圖文繞排效果，加強了圖文之間的關(guān)聯(lián)。

通過上面幾個案例我們可以看出：如果一個版面中只有統(tǒng)一沒有對比，那么整個版面將毫無生氣和美感；而如果只有對比沒有統(tǒng)一，那么畫面就會很混亂，信息傳達(dá)的效率也會大大降低。

無論是對比還是統(tǒng)一，或是一些排版的小技巧，都不能為了使用而實用，也不是為了炫技或者省事，它們應(yīng)該有共同的目的，即都是為了信息層級更清晰、主次更明顯、更易閱讀理解，以及讓版面盡量美觀，能夠讓目標(biāo)受眾更有興趣閱讀版面中的內(nèi)容，另外也是為了在視覺調(diào)性上與內(nèi)容更相符。

那么，具體要如何處理統(tǒng)一與對比的關(guān)系呢？蔥爺概括了8個知識點，下面配合一些案例來進行簡單說明：

? 不同層級的信息在視覺上可以有比較大的差異，對比強一點視覺層級更豐富，比如裝飾元素和正文、標(biāo)題與正文、標(biāo)題與副標(biāo)題的對比要比較大；

? 版面中必須有焦點，可以通過版面占比大小、色彩、留白空間、方向指引、輪廓等方式來突出一個焦點。

? 正文內(nèi)容統(tǒng)一一種排版方式，不要做過多變化，以保證閱讀的順暢和簡單性，比如用網(wǎng)格排版。

? 不要把所有的元素都完全遵循網(wǎng)格來排版，標(biāo)題、圖片、裝飾文字等可以適當(dāng)打破網(wǎng)格，以使版面變得更靈活、更美觀。

? 版式的調(diào)性要與內(nèi)容的調(diào)性吻合，比如調(diào)性嚴(yán)肅、溫情類的版式，大的基調(diào)是統(tǒng)一，局部有一點對比就可以了；如果調(diào)性是要求活潑、個性、藝術(shù)的版式，那么對比是大的基調(diào)，統(tǒng)一是小范圍的。

? 標(biāo)題設(shè)計的調(diào)性會很大程度上影響版面的調(diào)性，所以標(biāo)題的調(diào)性一定要對，要重點設(shè)計。

▲ 比如上圖海報的標(biāo)題用了一個手寫字體，進一步加強了該海報文藝、青春的調(diào)性。

? 細(xì)節(jié)會影響設(shè)計的精致度、專業(yè)性，以及讀者的閱讀體驗，版面中的任何一個元素都不應(yīng)該是孤立存在的，它必須與其他元素有著某種關(guān)聯(lián)，比如對齊的關(guān)系、行距的關(guān)系、色彩的關(guān)系、造型的關(guān)系等等。