閱前叨逼叨:你覺得好的排版應該是怎樣的?
首先我們來簡單了解一下對比與統(tǒng)一包含的主要內容。
版式中的對比關系主要包含:
大小對比、字體對比、粗細對比、顏色對比、長短(高矮對比)、稀疏對比、多與少對比、方向對比、圖文對比、空間對比、維度對比、點線面對比、輪廓(形狀)對比等等。
版式中的統(tǒng)一關系主要包含:
統(tǒng)一字體、統(tǒng)一對齊關系、統(tǒng)一顏色、統(tǒng)一字號、統(tǒng)一修飾技巧、統(tǒng)一圖形元素的風格,統(tǒng)一間距等等。
接下來,我們來看幾個案例:
上圖是一本設計書的內頁排版,版面干凈整潔、文字的可讀性比較高,但視覺上有點過于呆板,原因就是太強調統(tǒng)一的關系了,而對比關系則太很少,且對比不夠強烈。
拉上輔助線我們就可以看出,該版面使用了對稱雙欄網(wǎng)格,所有的信息都嚴格遵循著網(wǎng)格來排版,主要的文字信息全部排在右欄,并且全部左對齊;而圖片則全部排在左欄,同時也保持著寬度的統(tǒng)一;為了使整個版面更整體,還用了上下兩條直線把正文和圖片與其他信息隔開,所以這個版面的視覺流程非常清晰、簡單。
但處理得又太過簡單了,一是與設計書籍的調性差了一點點;另外,由于文字的層級關系比較少,缺乏節(jié)奏感,所以顯得很無趣,視覺上不夠有吸引力。這是因為版面中的對比關系很少,僅有的幾處對比所用的手法也很單調,只是字號大小對比和顏色對比等。
上圖是另一個方案,與第一個方案完全相反,這個方案的排版則顯得特別混亂,對比關系非常多,也很強烈,但似乎毫無邏輯,版面中的元素各自為陣,缺乏關聯(lián),甚至很難從視覺上搞清楚正確的閱讀順序是怎樣的。
原因就是統(tǒng)一的關系沒有處理好,比如標題的排版太分散了,三行文字的間距、圖文框的大小、文字和圖文框的位置都是很隨意的,標題下方的引文使用宋體字與版面的調性不搭,紅色的小字閱讀起來也會比較困難。
正文和圖片的排版也很亂,首先,讀完標題和引文以后,讀者可能就不知道該先讀左邊的文字還是右邊的文字,因為引文在左邊,下面又有圖片承接,所以讀者很容易順著圖片先讀左邊的文字,而實際上是右邊的文字在前面。
還有一些排版的小技巧也使整個版面變得更加混亂,比如在“圖一”的右上角加上圓弧形的英文,“圖二”與正文錯位,并疊加了一層線條圖樣等等。
我們再來看看方案三,相比前兩個是不是要好很多,首先大的調性是符合設計類書籍的,設計感比較強,既不混亂也不呆板,層級關系很鮮明、視覺流程也很簡單,版面也有一定的節(jié)奏感,閱讀起來會很輕松。
拉上輔助線后我們可以看出,該版面用了非對稱雙欄網(wǎng)格,左窄右寬,所以視覺上不會太平均;標題采用了錯位排版并加了下劃線,與正文的區(qū)別足夠大,但與正文保持著某些對齊關系。引文用圖文框進行突出,使其與正文區(qū)別開來,多了一個層級關系和閱讀的停頓時間,圖文框正好在網(wǎng)格內,所以不會顯得很亂。
兩張圖片也有主次的區(qū)分,“圖一”拉大做了出血處理,打破了網(wǎng)格的束縛,增加了版面的張力;圖二縮小與正文做了圖文繞排效果,加強了圖文之間的關聯(lián)。
通過上面幾個案例我們可以看出:如果一個版面中只有統(tǒng)一沒有對比,那么整個版面將毫無生氣和美感;而如果只有對比沒有統(tǒng)一,那么畫面就會很混亂,信息傳達的效率也會大大降低。
無論是對比還是統(tǒng)一,或是一些排版的小技巧,都不能為了使用而實用,也不是為了炫技或者省事,它們應該有共同的目的,即都是為了信息層級更清晰、主次更明顯、更易閱讀理解,以及讓版面盡量美觀,能夠讓目標受眾更有興趣閱讀版面中的內容,另外也是為了在視覺調性上與內容更相符。
那么,具體要如何處理統(tǒng)一與對比的關系呢?蔥爺概括了8個知識點,下面配合一些案例來進行簡單說明:
? 不同層級的信息在視覺上可以有比較大的差異,對比強一點視覺層級更豐富,比如裝飾元素和正文、標題與正文、標題與副標題的對比要比較大;
? 版面中必須有焦點,可以通過版面占比大小、色彩、留白空間、方向指引、輪廓等方式來突出一個焦點。
? 正文內容統(tǒng)一一種排版方式,不要做過多變化,以保證閱讀的順暢和簡單性,比如用網(wǎng)格排版。
? 不要把所有的元素都完全遵循網(wǎng)格來排版,標題、圖片、裝飾文字等可以適當打破網(wǎng)格,以使版面變得更靈活、更美觀。
? 版式的調性要與內容的調性吻合,比如調性嚴肅、溫情類的版式,大的基調是統(tǒng)一,局部有一點對比就可以了;如果調性是要求活潑、個性、藝術的版式,那么對比是大的基調,統(tǒng)一是小范圍的。
? 標題設計的調性會很大程度上影響版面的調性,所以標題的調性一定要對,要重點設計。
▲ 比如上圖海報的標題用了一個手寫字體,進一步加強了該海報文藝、青春的調性。
? 細節(jié)會影響設計的精致度、專業(yè)性,以及讀者的閱讀體驗,版面中的任何一個元素都不應該是孤立存在的,它必須與其他元素有著某種關聯(lián),比如對齊的關系、行距的關系、色彩的關系、造型的關系等等。
設計是沒有標準答案的,以上的觀點只是蔥爺自己總結的一些經(jīng)驗之談,我相信肯定會有很多的優(yōu)秀作品并沒有遵循文中這些邏輯和技巧,但對比與統(tǒng)一的關系確實是版式設計中非常關鍵的部分,也是很難平衡的一對關系,所以,蔥爺只是提供了一些可供參考的角度而已,希望能對你有所幫助。