其實(shí)畫(huà)冊(cè)的標(biāo)題也能排出許多新意，本篇文章，蔥爺來(lái)給大家分享幾個(gè)可以給畫(huà)冊(cè)設(shè)計(jì)加分的標(biāo)題排版技巧。
01.描邊字錯(cuò)位組合
上圖是某院校招生畫(huà)冊(cè)的“學(xué)院簡(jiǎn)介”排版，由于太過(guò)講究對(duì)齊，缺少變化，所以顯得不夠靈活，我們可以把標(biāo)題的中英文詞匯拆開(kāi)進(jìn)行錯(cuò)位排版，錯(cuò)位時(shí)要注意左右的平衡，另外，三行錯(cuò)位比起兩行錯(cuò)位的變化會(huì)更豐富一些。
單純只是做錯(cuò)位處理，效果并不怎么好，因?yàn)闆](méi)有層級(jí)關(guān)系，所以可以再加上字號(hào)大小的變化，突出重點(diǎn)詞匯，弱化次要詞匯。
這樣層級(jí)豐富多了，但是眾多很粗很黑的字體擠在一起略顯壓抑，把其中部分詞匯改成描邊后，整體就變得更透氣、更有設(shè)計(jì)感一些了，注意描邊要細(xì)一點(diǎn)，以避免描邊的筆畫(huà)重疊在一起影響識(shí)別性和美觀性。
標(biāo)題排好以后，再根據(jù)標(biāo)題調(diào)整一下內(nèi)文、頁(yè)眉、頁(yè)碼的排版，內(nèi)文通常會(huì)對(duì)齊標(biāo)題中的某個(gè)字詞，但一邊對(duì)齊就好，不需要兩端都對(duì)齊，頁(yè)眉、頁(yè)碼可以作為裝飾來(lái)排版，填充一點(diǎn)顏色可以讓版面變得更活躍。
02.彩色標(biāo)題疊加灰色圖片
還是拿前面的那個(gè)案例舉例，把學(xué)校圖片換成一張沒(méi)有去底的矩形照片，然后把它處理成黑白色照，移動(dòng)至版面上方，標(biāo)題使用藍(lán)色壓住圖片的左上角，這時(shí)標(biāo)題就不是孤立的幾行文字了，而是與圖片形成了一個(gè)整體，這種排版方式在網(wǎng)頁(yè)設(shè)計(jì)中比較常見(jiàn)，用于畫(huà)冊(cè)的標(biāo)題排版，效果也是很不錯(cuò)的。
圖片做出血處理顯得更大氣，左下角的頁(yè)碼與標(biāo)題左對(duì)齊，可以加強(qiáng)版面的整體性和關(guān)聯(lián)性。
03.手寫(xiě)體搭配黑體
同一個(gè)標(biāo)題我們通常只會(huì)使用一種字體（不包括英文），但有時(shí)候也可以試試用兩種字體搭配來(lái)使用，比如手寫(xiě)字體搭配無(wú)襯線字體，這兩種字體在風(fēng)格上完全不一樣，對(duì)比非常強(qiáng)烈，能夠給版面帶來(lái)新意。
正文刻意與標(biāo)題進(jìn)行了錯(cuò)位排版，當(dāng)然，同時(shí)也保持著某些對(duì)齊關(guān)系，圖片的排版同樣如此，與正文錯(cuò)位，但與標(biāo)題左對(duì)齊，整個(gè)版面既靈活又很有序，符合學(xué)校畫(huà)冊(cè)的調(diào)性。
04.文字疊加色塊
加色塊是標(biāo)題設(shè)計(jì)中常用的手法，但如果只是用一個(gè)色塊把標(biāo)題包住，那么效果是比較普通的，很容易像促銷折頁(yè)的做法。所以我們可以只把色塊作為標(biāo)題的一個(gè)裝飾元素，用一個(gè)小小的色塊放在標(biāo)題后面，使其視覺(jué)上更豐富、更突出。
圖片的刻意錯(cuò)位很關(guān)鍵，如果圖片與正文兩端對(duì)齊，那么英文標(biāo)題、正文、圖片、頁(yè)碼都是沿著一條直線對(duì)齊的，整個(gè)版面就會(huì)變得生硬很多。
文字加色塊還有另一種效果也不錯(cuò)，即把文字色塊合并在一起做成補(bǔ)丁效果，首先把文字錯(cuò)位排版，然后分別給每一行文字加一個(gè)色塊把文字框住，色塊與色塊上下相連。
搭配上序號(hào)和英文標(biāo)題，豐富標(biāo)題的對(duì)比關(guān)系，使其更美觀、更有設(shè)計(jì)感，色塊可以根據(jù)需求適當(dāng)超出文字的長(zhǎng)度。
正文的排版我做了一點(diǎn)改變，把第一段單獨(dú)拿出來(lái)作為引文使用，剛好這段文字在內(nèi)容上也正好是起到提前說(shuō)明的作用，這樣處理后這個(gè)版面也變得有了一些新意，標(biāo)題十分顯目。
05.手寫(xiě)體跨版
在畫(huà)冊(cè)設(shè)計(jì)對(duì)于有些版面，可以排得大氣一點(diǎn)，比如把原本可以1P排完的內(nèi)容排成一個(gè)跨P，這時(shí)標(biāo)題也可以拉大跨版排列，這種做法可以加強(qiáng)文字的大小對(duì)比，也會(huì)有更多留白空間。
為什么用手寫(xiě)體呢？宋體和黑體不行嗎？其實(shí)也可以，不過(guò)由于漢字的筆畫(huà)比較復(fù)雜，宋體和黑體又比較方正，所以拉太大排列時(shí)會(huì)顯得不夠靈活，如果是英文則會(huì)好一些，所以在排版的時(shí)候我還做了了傾斜與裁剪處理，并且搭配了英文進(jìn)行錯(cuò)位排版，不然會(huì)顯得過(guò)于單調(diào)。
06.標(biāo)題與正文左右排版
在豎版的畫(huà)冊(cè)中，我們通常喜歡把標(biāo)題排在正文的上方，而如果把標(biāo)題與正文左右擺放，那么又會(huì)有種不一樣的感覺(jué)。
但不要把標(biāo)題與正文水平對(duì)齊，那樣的話標(biāo)題的空間就過(guò)小了，會(huì)顯得很壓抑，而是要把標(biāo)題放在正文的左上方，并保持某些對(duì)齊關(guān)系。
如果把這種排版方式看成是分欄網(wǎng)格，那么它屬于不對(duì)稱網(wǎng)格，即正文欄應(yīng)該比標(biāo)題欄更大一些，以保證有足夠大的空間排列正文內(nèi)容。標(biāo)題欄可以有大量留白，頁(yè)腳可以與標(biāo)題形成呼應(yīng)，豐富版面的細(xì)節(jié)。
07.扭曲標(biāo)題
這種標(biāo)題處理手法在海報(bào)設(shè)計(jì)中比較常見(jiàn)，其實(shí)國(guó)外很多畫(huà)冊(cè)也這么做，效果很酷，沖擊力很強(qiáng)。
拉拽錨點(diǎn)左右兩邊的手柄使波浪形變得柔和一點(diǎn)。
波浪效果做得差不多后，按快捷鍵E調(diào)出自由變換工具面板，并選擇自由扭曲工具，把標(biāo)題扭曲成如下效果。
再調(diào)整一下細(xì)節(jié)，然后把它放在版面中，把內(nèi)容篇章的序號(hào)處理成描邊樣式與標(biāo)題疊加在一起，可以起到裝飾的作用。
扭曲的標(biāo)題搭配上鮮艷一點(diǎn)的顏色，效果會(huì)更時(shí)尚，對(duì)于這種版面，正文也不要排得過(guò)于規(guī)矩，所以，我刻意把版面中的兩張圖片做了錯(cuò)位處理。
08.打散排列
通常我們會(huì)把標(biāo)題文字集中排放，但對(duì)于設(shè)計(jì)和時(shí)尚類畫(huà)冊(cè)，我們可以打破傳統(tǒng)的做法，把標(biāo)題做適當(dāng)?shù)姆稚⑴虐?，效果也很不錯(cuò)，當(dāng)然，標(biāo)題文字如果太少就不合適了。
另外，為了使標(biāo)題更特別 ，給文字加上下劃線效果會(huì)更好，并且下劃線可以根據(jù)需求適當(dāng)延長(zhǎng)，以加強(qiáng)這些分散文字的關(guān)聯(lián)性，甚至還可以加上英文做裝飾。
正文的排版與標(biāo)題文字左右兩端保持對(duì)齊。
設(shè)計(jì)是一個(gè)不斷嘗試、調(diào)整的過(guò)程，排標(biāo)題同樣也是如此。另外，標(biāo)題的排版固然是很重要的，但是想要整體效果得到比較大的改善，正文、圖片、頁(yè)眉、頁(yè)腳、頁(yè)碼的配合也很重要，永遠(yuǎn)要把整體的大效果擺在第一位。
原文地址：蔥爺（公眾號(hào)）
作者：蔥爺
轉(zhuǎn)載請(qǐng)注明：學(xué)的UI網(wǎng)》讓設(shè)計(jì)感暴增的8個(gè)畫(huà)冊(cè)標(biāo)題排版技巧
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司