導(dǎo)讀：平時(shí)的課堂上，學(xué)員常會(huì)問(wèn)我，怎樣才能設(shè)計(jì)出好的版式。仔細(xì)研究，你會(huì)發(fā)現(xiàn)，很多電影海報(bào)、戶外廣告、專題頭圖等設(shè)計(jì)，都很喜歡把文案用錯(cuò)位的方法來(lái)排版，這樣既能與小文案做合理的排版效果，又能有效的做文案創(chuàng)意或者筆畫(huà)共用。

先來(lái)欣賞幾組海報(bào)，感受一下錯(cuò)位的效果。

當(dāng)然文案錯(cuò)位也不是隨心所欲，要合理的利于設(shè)計(jì)整體視覺(jué)效果的去錯(cuò)位，當(dāng)然也要配合字體的選擇 ，一般都是用于主文案上。下面來(lái)介紹幾種方法，讓你輕松駕馭文案錯(cuò)位。

不要只是水平打字或者垂直打字了，那樣會(huì)比較死板，讓文字位置高低起伏一下，如果是垂直排版就左右起伏一下，然后空隙的地方可以用小文案或者小元素來(lái)填充一下，讓文字排版不要太零散，緊湊一些比較好。如下圖，海報(bào)都是運(yùn)用的位置錯(cuò)位來(lái)做的。

那我們拿文字來(lái)練習(xí)一下，先看垂直排版風(fēng)格，字號(hào)大小是不變的，只是交錯(cuò)左右移動(dòng)了一下而已，然后空隙的地方填充小文案或者小圖標(biāo)或者修飾性的小元素，使其飽滿即可。

再來(lái)看一下水平排版，一樣的道理。

有的文案做了位置錯(cuò)位以后，可能筆畫(huà)上不是很合適，那可以適當(dāng)?shù)目s小或者放大個(gè)別文案，讓整體的文字能夠更協(xié)調(diào)，筆畫(huà)更容易借位，比如“香蜜沉沉燼如霜”由于主文案字?jǐn)?shù)比較多，容易導(dǎo)致畫(huà)面太滿，用大小錯(cuò)位的排版再合適不過(guò)了。如下圖，海報(bào)都是運(yùn)用大小錯(cuò)位來(lái)排版的。

我們繼續(xù)拿文字來(lái)練習(xí)一下，先看垂直排版風(fēng)格，把“凡”和“教”適當(dāng)縮小，并同時(shí)搭配運(yùn)用位置錯(cuò)位，讓整體的左右比重平衡，空隙部分不要忘記填充小文案或者小元素來(lái)點(diǎn)綴。

再來(lái)練習(xí)一下水平排版。

筆畫(huà)錯(cuò)位給人感覺(jué)比較個(gè)性，但需要注意的是不能影響文字的識(shí)別度，其實(shí)就是把文字打散，移動(dòng)下個(gè)別筆畫(huà)的位置，或者通過(guò)借位共用一些筆畫(huà)，也是一種文案創(chuàng)意的方法，比如“形”和“隱”的筆畫(huà)共用，“不”和“離”的筆畫(huà)共用，效果就很不錯(cuò)。如下圖，海報(bào)就是用的筆畫(huà)錯(cuò)位的方法來(lái)做的文案排版創(chuàng)意。

我們來(lái)拿文字練習(xí)一下，把“非凡教育”每一個(gè)子打散，筆畫(huà)自由錯(cuò)位，配合顏色來(lái)點(diǎn)亮。所以，用筆畫(huà)錯(cuò)位配合顏色錯(cuò)位出來(lái)的效果，跟普通字體水平或者垂直打出來(lái)的文字，效果截然不同。

自由錯(cuò)位換句話說(shuō)可以稱之為文案創(chuàng)意，不同的文字，不同的組合，不同的筆畫(huà)，形成的創(chuàng)意千變?nèi)f化，可以拉長(zhǎng)或縮短筆畫(huà)，可以文字單個(gè)旋轉(zhuǎn)、可以文字筆畫(huà)共用、可以配合元素合成?？傊?，自由錯(cuò)位最難也最簡(jiǎn)單，正是因?yàn)樽杂伤韵胂罂臻g比較大，而正是因?yàn)?/span>自由容易排版散亂，所以需要做到文案整體緊湊，間隙合理。如下圖，兩款海報(bào)就是利用自由錯(cuò)位來(lái)完成的效果。

我們來(lái)拿文字練習(xí)一下，下面文字把“教”和“育”通過(guò)筆觸素材合成了兩個(gè)筆畫(huà)，既能夠把空隙合理填充遮蓋，又把文案的書(shū)法風(fēng)提高了一個(gè)層次，這也是文案創(chuàng)意的一種方法。

綜上所述，設(shè)計(jì)中的文案錯(cuò)位主要分為四個(gè)方面：位置錯(cuò)位、大小錯(cuò)位、筆畫(huà)錯(cuò)位、自由錯(cuò)位，千萬(wàn)不要再干巴巴的打字了，做設(shè)計(jì)講究的不是圖層疊圖層，而是創(chuàng)意、精致，而所有的文案錯(cuò)位都要注意一點(diǎn)，要緊湊，位置大小合理，不要太零散，要合理的配合小文案或者元素，填補(bǔ)錯(cuò)位產(chǎn)生的空缺，使整體飽滿，希望這幾個(gè)小技巧能夠幫到你，讓你的文案排版提高一個(gè)檔次。

多年前端項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)；

做過(guò)三百多個(gè)大小各類(lèi)的網(wǎng)站；

曾獨(dú)立負(fù)責(zé)過(guò)多個(gè)項(xiàng)目（包括客戶溝通、設(shè)計(jì)、前端）；

如大瀚建筑設(shè)計(jì)/美設(shè)國(guó)際/中美仕家/好一家浦東中環(huán)商辦項(xiàng)目/上海酒超網(wǎng)。