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

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

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

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

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

接下來，我們來看幾個(gè)案例：

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

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

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

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

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

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

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

我們?cè)賮砜纯捶桨溉?，相比前兩個(gè)是不是要好很多，首先大的調(diào)性是符合設(shè)計(jì)類書籍的，設(shè)計(jì)感比較強(qiáng)，既不混亂也不呆板，層級(jí)關(guān)系很鮮明、視覺流程也很簡單，版面也有一定的節(jié)奏感，閱讀起來會(huì)很輕松。

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

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

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

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

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

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

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

? 正文內(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ǎn)對(duì)比就可以了；如果調(diào)性是要求活潑、個(gè)性、藝術(shù)的版式，那么對(duì)比是大的基調(diào)，統(tǒng)一是小范圍的。

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

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

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