讓設計感暴增的8個(gè)畫(huà)冊標題排版技巧

標題排版在畫(huà)冊設計中有著(zhù)很關(guān)鍵的作用，標題排得好可以讓整個(gè)版面的氣質(zhì)提升不少，反之亦然，而很多設計師在排畫(huà)冊的標題時(shí)，通常都是單純選擇一個(gè)筆畫(huà)較粗的字體，把字號拉大與正文對齊，這種標題的排版太過(guò)常規，容易導致整個(gè)版面缺乏設計感，比如下圖。

其實(shí)畫(huà)冊的標題也能排出許多新意，本篇文章，來(lái)給大家分享幾個(gè)可以給畫(huà)冊設計加分的標題排版技巧。

01.描邊字錯位組合

上圖是某院校招生畫(huà)冊的“學(xué)院簡(jiǎn)介”排版，由于太過(guò)講究對齊，缺少變化，所以顯得不夠靈活，我們可以把標題的中英文詞匯拆開(kāi)進(jìn)行錯位排版，錯位時(shí)要注意左右的平衡，另外，三行錯位比起兩行錯位的變化會(huì )更豐富一些。

單純只是做錯位處理，效果并不怎么好，因為沒(méi)有層級關(guān)系，所以可以再加上字號大小的變化，突出重點(diǎn)詞匯，弱化次要詞匯。

這樣層級豐富多了，但是眾多很粗很黑的字體擠在一起略顯壓抑，把其中部分詞匯改成描邊后，整體就變得更透氣、更有設計感一些了，注意描邊要細一點(diǎn)，以避免描邊的筆畫(huà)重疊在一起影響識別性和美觀(guān)性。

標題排好以后，再根據標題調整一下內文、頁(yè)眉、頁(yè)碼的排版，內文通常會(huì )對齊標題中的某個(gè)字詞，但一邊對齊就好，不需要兩端都對齊，頁(yè)眉、頁(yè)碼可以作為裝飾來(lái)排版，填充一點(diǎn)顏色可以讓版面變得更活躍。

02.彩色標題疊加灰色圖片

還是拿前面的那個(gè)案例舉例，把學(xué)校圖片換成一張沒(méi)有去底的矩形照片，然后把它處理成黑白色照，移動(dòng)至版面上方，標題使用藍色壓住圖片的左上角，這時(shí)標題就不是孤立的幾行文字了，而是與圖片形成了一個(gè)整體，這種排版方式在網(wǎng)頁(yè)設計中比較常見(jiàn)，用于畫(huà)冊的標題排版，效果也是很不錯的。

圖片做出血處理顯得更大氣，左下角的頁(yè)碼與標題左對齊，可以加強版面的整體性和關(guān)聯(lián)性。

*.手寫(xiě)體搭配黑體

同一個(gè)標題我們通常只會(huì )使用一種字體（不包括英文），但有時(shí)候也可以試試用兩種字體搭配來(lái)使用，比如手寫(xiě)字體搭配無(wú)襯線(xiàn)字體，這兩種字體在風(fēng)格上完全不一樣，對比非常強烈，能夠給版面帶來(lái)新意。

由于該中文標題過(guò)于簡(jiǎn)短，所以搭配上英文會(huì )更豐富一些。

正文刻意與標題進(jìn)行了錯位排版，當然，同時(shí)也保持著(zhù)某些對齊關(guān)系，圖片的排版同樣如此，與正文錯位，但與標題左對齊，整個(gè)版面既靈活又很有序，符合學(xué)校畫(huà)冊的調性。

04.文字疊加色塊

加色塊是標題設計中常用的手法，但如果只是用一個(gè)色塊把標題包住，那么效果是比較普通的，很容易像促銷(xiāo)折頁(yè)的做法。所以我們可以只把色塊作為標題的一個(gè)裝飾元素，用一個(gè)小小的色塊放在標題后面，使其視覺(jué)上更豐富、更突出。

圖片的刻意錯位很關(guān)鍵，如果圖片與正文兩端對齊，那么英文標題、正文、圖片、頁(yè)碼都是沿著(zhù)一條直線(xiàn)對齊的，整個(gè)版面就會(huì )變得生硬很多。

文字加色塊還有另一種效果也不錯，即把文字色塊合并在一起做成補丁效果，首先把文字錯位排版，然后分別給每一行文字加一個(gè)色塊把文字框住，色塊與色塊上下相連。

搭配上序號和英文標題，豐富標題的對比關(guān)系，使其更美觀(guān)、更有設計感，色塊可以根據需求適當超出文字的長(cháng)度。

正文的排版我做了一點(diǎn)改變，把第一段單獨拿出來(lái)作為引文使用，剛好這段文字在內容上也正好是起到提前說(shuō)明的作用，這樣處理后這個(gè)版面也變得有了一些新意，標題十分顯目。

0*.手寫(xiě)體跨版

在畫(huà)冊設計對于有些版面，可以排得大氣一點(diǎn)，比如把原本可以1P排完的內容排成一個(gè)跨P，這時(shí)標題也可以拉大跨版排列，這種做法可以加強文字的大小對比，也會(huì )有更多留白空間。

為什么用手寫(xiě)體呢？宋體和黑體不行嗎？其實(shí)也可以，不過(guò)由于漢字的筆畫(huà)比較復雜，宋體和黑體又比較方正，所以拉太大排列時(shí)會(huì )顯得不夠靈活，如果是英文則會(huì )好一些，所以在排版的時(shí)候我還做了了傾斜與裁剪處理，并且搭配了英文進(jìn)行錯位排版，不然會(huì )顯得過(guò)于單調。

06.標題與正文左右排版

在豎版的畫(huà)冊中，我們通常喜歡把標題排在正文的上方，而如果把標題與正文左右擺放，那么又會(huì )有種不一樣的感覺(jué)。

但不要把標題與正文水平對齊，那樣的話(huà)標題的空間就過(guò)小了，會(huì )顯得很壓抑，而是要把標題放在正文的左上方，并保持某些對齊關(guān)系。

如果把這種排版方式看成是分欄網(wǎng)格，那么它屬于不對稱(chēng)網(wǎng)格，即正文欄應該比標題欄更大一些，以保證有足夠大的空間排列正文內容。標題欄可以有大量留白，頁(yè)腳可以與標題形成呼應，豐富版面的細節。

0*.扭曲標題

這種標題處理手法在海報設計中比較常見(jiàn)，其實(shí)國外很多畫(huà)冊也這么做，效果很酷，沖擊力很強。

用中文來(lái)做這種效果行不行呢？也可以，不過(guò)不適合太嚴肅的畫(huà)冊，用在設計類(lèi)和時(shí)尚類(lèi)的畫(huà)冊中會(huì )比較合適，比如前面列舉過(guò)的設計書(shū)籍的排版。

由于文字較多，所以進(jìn)行分行錯位處理，然后在頂部菜單欄中選擇對象-封套扭曲-用網(wǎng)格建立，把網(wǎng)格參數設置為*行*列。

移動(dòng)網(wǎng)格的錨點(diǎn)使文字呈波浪形，如下圖。

拉拽錨點(diǎn)左右兩邊的手柄使波浪形變得柔和一點(diǎn)。

波浪效果做得差不多后，按快捷鍵E調出自由變換工具面板，并選擇自由扭曲工具，把標題扭曲成如下效果。

再調整一下細節，然后把它放在版面中，把內容篇章的序號處理成描邊樣式與標題疊加在一起，可以起到裝飾的作用。

扭曲的標題搭配上鮮艷一點(diǎn)的顏色，效果會(huì )更時(shí)尚，對于這種版面，正文也不要排得過(guò)于規矩，所以，我刻意把版面中的兩張圖片做了錯位處理。

08.打散排列

通常我們會(huì )把標題文字集中排放，但對于設計和時(shí)尚類(lèi)畫(huà)冊，我們可以打破傳統的做法，把標題做適當的分散排版，效果也很不錯，當然，標題文字如果太少就不合適了。

另外，為了使標題更特別 ，給文字加上下劃線(xiàn)效果會(huì )更好，并且下劃線(xiàn)可以根據需求適當延長(cháng)，以加強這些分散文字的關(guān)聯(lián)性，甚至還可以加上英文做裝飾。

正文的排版與標題文字左右兩端保持對齊。

設計是一個(gè)不斷嘗試、調整的過(guò)程，排標題同樣也是如此。另外，標題的排版固然是很重要的，但是想要整體效果得到比較大的改善，正文、圖片、頁(yè)眉、頁(yè)腳、頁(yè)碼的配合也很重要，永遠要把整體的大效果擺在第一位。