設(shè)計(jì)干貨：錯(cuò)位！文字編排的另一種對(duì)齊

作者：Martin_K，來源：16創(chuàng)藝

文字編排在之前寫文一篇利用幾何圖形進(jìn)行編排的文章，但在設(shè)計(jì)中對(duì)于使用比較頻繁的文字這個(gè)比較大的分支來說，是需要更多且更具有創(chuàng)意性的編排形式來滿足于我們的需求，同時(shí)也是眾多優(yōu)秀設(shè)計(jì)師越來越在意，且研究更深，投入精力較多的分支之一，在千篇一律的左中右文字對(duì)齊方式中，如何打破現(xiàn)有的對(duì)齊形式也是困擾眾多設(shè)計(jì)師難點(diǎn)之一，本期將立足于文字編排的基礎(chǔ)上，從另一個(gè)角度講述文字編排的對(duì)齊方式，以增加文字編排的多樣性和創(chuàng)意性。

一、什么是錯(cuò)位？

錯(cuò)位一般從字面意義上講就是離開原來的或應(yīng)有的位置，而在設(shè)計(jì)中則可以看作一種藝術(shù)的表現(xiàn)手法，是一種打破常規(guī)對(duì)齊的個(gè)性表達(dá)，也是提升文字編排和整體畫面創(chuàng)意性最簡(jiǎn)單直接，最有力，最實(shí)用的設(shè)計(jì)技巧，亦是規(guī)避文字自身在組合編排中產(chǎn)生視覺差的藝術(shù)手段，同時(shí)也是文字自適應(yīng)和它適應(yīng)有效結(jié)合體現(xiàn)。

圖1：

在文字編排中常規(guī)的左中右對(duì)齊在很大程度上難以滿足日益變化的個(gè)性需求，在打破常規(guī)的過程中我們?cè)O(shè)計(jì)更加注重視覺美感和創(chuàng)意表達(dá)，而文字對(duì)齊的局限性在實(shí)際應(yīng)用的過程則會(huì)顯得相形見肘，很難使文字為整個(gè)版面增添新穎的視覺效果,在基于文字自身的組合排列方式，文字與文字之間的組合則會(huì)顯得比較單調(diào)千篇一律。

圖2：

而當(dāng)我們把現(xiàn)有的文字在左對(duì)齊的基礎(chǔ)之上，使主文字再次向左空出一個(gè)字的距離，同時(shí)其他文字則在正常排列的基礎(chǔ)上從首行的第二個(gè)字開始左對(duì)齊，其他文字和第一個(gè)行文字錯(cuò)開之后形成一定的留白和層次感我們則可以稱之為錯(cuò)位對(duì)齊，同時(shí)也是文字編排創(chuàng)意性的體現(xiàn)和視覺美感的錯(cuò)位藝術(shù)，讓文字編排具有一定的個(gè)性。

在對(duì)文字進(jìn)行錯(cuò)位編排的時(shí)候需要注意其視覺引導(dǎo)方向，即使是文字與文字之間的間距比較大，但依然是符合視覺閱讀的順序，同時(shí)可以適當(dāng)調(diào)整大小，讓文字組合之間的視覺引導(dǎo)和層級(jí)更加清晰明了。

圖1：

當(dāng)版面中的文字采用左對(duì)齊的時(shí)，雖然在閱讀上面比較自然，但就整體的視覺效果而言，在沒有較好的創(chuàng)意時(shí)并沒有過多出彩和設(shè)計(jì)藝術(shù)性的表達(dá)，更像是堆積起來的正常排列，使得版面過于呆板沉悶，而過于花哨的創(chuàng)意編排則會(huì)難易把握好版面的視覺平衡同時(shí)又失去文字信息便于傳遞的作用特征；

圖2：

基于文字便于閱讀的功能和版面視覺平衡的基礎(chǔ)之上，以錯(cuò)位的手法使文字編排打破原有的排列組合方式，在營(yíng)造文字之間層次感的同時(shí)又使整個(gè)版面具有一定的活躍氣氛，以較為個(gè)性且交錯(cuò)的藝術(shù)美感呈現(xiàn)出不一樣的視覺效果，增添畫面的創(chuàng)意性，使視覺按照一定的錯(cuò)落方式進(jìn)行有序的信息閱讀

在使用較為復(fù)雜的錯(cuò)位編排時(shí)，則會(huì)呈現(xiàn)出強(qiáng)烈的藝術(shù)視覺美感，但需要注意文字信息的連貫性和閱讀秩序的合理安排。

二、文字的空間

在文字編排時(shí)我們經(jīng)常會(huì)遇到其自身結(jié)構(gòu)所帶來的視錯(cuò)覺影響，其主要是受文字結(jié)構(gòu)的空間影響所造成的視覺假象，不管是中文也好，英文也罷都存在視錯(cuò)覺這一問題，尤其是在進(jìn)行文字編排和版式編排時(shí)則會(huì)被放大呈現(xiàn)出來，通常解決這個(gè)問題的方式就是適當(dāng)?shù)恼{(diào)整文字間距跟行距或者是換一種比較中規(guī)中矩的字體，但很大程度上則會(huì)限制設(shè)計(jì)師在字體應(yīng)用方面的想象和創(chuàng)造空間。

01 中文空間

中文在基于方格造字的基礎(chǔ)上，利用字體的筆畫將方格內(nèi)部空間進(jìn)行合理的劃分，在相同的結(jié)構(gòu)下其空間受字體的類型，筆畫的粗細(xì)，繁簡(jiǎn)等眾多因素的影響，而這些影響則會(huì)在文字組合編排中直接呈現(xiàn)出來造成一定的視錯(cuò)覺；在相同的黑體類型中“錯(cuò)位”橫排上下對(duì)齊與豎排左右對(duì)齊在視覺上的空間是有些許差別的，其主要是受字體筆畫多少的影響，而宋體的空間同時(shí)還受筆畫自身特點(diǎn)變化的影響。

圖1：

中文結(jié)構(gòu)筆畫相對(duì)來說比較復(fù)雜，在文字編排使用時(shí)很難遇到相同文字的出現(xiàn)，而當(dāng)筆畫多的字和筆畫少的字組合在一起時(shí)就很容易出現(xiàn)字體結(jié)構(gòu)空間上的視錯(cuò)覺，在正常左對(duì)齊的情況下“文”字則與“國(guó)”字在視覺上的有輕重之分，“文”字的空間較大略顯得寬松一些，而其它文字則會(huì)顯得擁擠一些，視覺方向也隨著左對(duì)齊向右延伸，但就文字而言并沒有進(jìn)行創(chuàng)意出彩的提煉。

圖2：

而在常規(guī)對(duì)齊的基礎(chǔ)之上，錯(cuò)位使視覺主方向落在“文”字的右邊，同時(shí)錯(cuò)位出來的文字則會(huì)讓視覺方向向右延伸，其空間可以很好的與版面留白融為一體，使文字的自適應(yīng)和它適應(yīng)有機(jī)結(jié)合，并與其它文字形成相反的交叉，增加文字自身創(chuàng)意性和層次感，從而打破方格給人呆板的視覺印象，對(duì)于版面來說也略微的活躍個(gè)性一些并與圖形的視覺引導(dǎo)相呼應(yīng)，在保證版面視覺平衡的同時(shí)更具視覺美感。

宋體的結(jié)構(gòu)空間要比黑體文字更加明顯，錯(cuò)位的編排形式很大程度上不僅可以平衡視覺，尤其是當(dāng)數(shù)字與文字共同使用時(shí)，錯(cuò)位還可以營(yíng)造出極具個(gè)性的編排，也為文字編排提供更加豐富的創(chuàng)意空間。

02 英文空間

宋體的結(jié)構(gòu)空間要比黑體文字更加明顯，錯(cuò)位的編排形式很大程度上不僅可以平衡視覺，尤其是當(dāng)數(shù)字與文字共同使用時(shí)，錯(cuò)位還可以營(yíng)造出極具個(gè)性的編排，也為文字編排提供更加豐富的創(chuàng)意空間。

從字體的編排組合之后的機(jī)構(gòu)中可以看出，在正常的情況下英文所存在的問題與中文基本保持一致，而對(duì)文字進(jìn)行錯(cuò)位調(diào)整之后整體的空間也發(fā)生了變化，對(duì)沉悶的文字來說則會(huì)更加具有生氣；而在案例中大小不一且結(jié)構(gòu)空間的視錯(cuò)覺組合在一起時(shí)則會(huì)愈發(fā)嚴(yán)重。

而當(dāng)對(duì)文字組合自身的空間調(diào)整之后，其在版面中可以很好的發(fā)揮出文字編排的它適應(yīng)，同時(shí)也是對(duì)版面空間的有效劃分，尤其是在文字多文案的使用中，可以有效的提升文字編排的創(chuàng)意性，錯(cuò)位調(diào)整之后的空間可以給人一種錯(cuò)落的層次感，但文字的錯(cuò)位一定要注意其可識(shí)別性。

三、錯(cuò)位的類型

錯(cuò)位作為文字編排最常用且最直接的設(shè)計(jì)手段，其在設(shè)計(jì)中的應(yīng)用隨處可見并以各種不同的形態(tài)變化滿足我們更加個(gè)性的需求，可以是空間的錯(cuò)位，也可以是方向的錯(cuò)位等，對(duì)方格式的中文而言則更加貼合錯(cuò)位的變化應(yīng)用。

01 結(jié)構(gòu)錯(cuò)位

結(jié)構(gòu)錯(cuò)位通常是在字體設(shè)計(jì)中常用的創(chuàng)意手法，我們把單個(gè)文字的結(jié)構(gòu)和筆畫打散重組，使其以一種新的形式展現(xiàn)給觀者，以創(chuàng)意的形式呈現(xiàn)出較好的視覺效果，而對(duì)于文字編排則可以用在單個(gè)字或者詞組標(biāo)題之類較少的文字當(dāng)中以創(chuàng)意的形態(tài)增強(qiáng)視覺表現(xiàn)。

圖1：

錯(cuò)位對(duì)于字體而言是一種非常適合且表現(xiàn)創(chuàng)意最好的手段之一，在復(fù)雜的中文結(jié)構(gòu)中則可以形成藕斷絲連藝術(shù)表現(xiàn)，給人一種較為強(qiáng)烈的層次感，但通常是采取中間錯(cuò)位一半。

圖2：

在應(yīng)用中則可以很好的打破單個(gè)文字較為固定的方格展示，即使是英文也可以很好的使用相同的處理手法，使其更加具有靈活性和個(gè)性，在錯(cuò)位的時(shí)候一定要注意文字的識(shí)別性。

在使用結(jié)構(gòu)錯(cuò)位時(shí)則可以很好的表現(xiàn)出強(qiáng)烈的藝術(shù)性，單個(gè)文字在打散之后則可以當(dāng)做圖形表現(xiàn)，并且使版面也更加豐富同時(shí)也為其它文字的擺放位置提供視覺引導(dǎo)和對(duì)齊依據(jù)。

02 空間錯(cuò)位

空間結(jié)構(gòu)是相對(duì)的，是在一定的空間之內(nèi)發(fā)生位置的變化，在改變其位置時(shí)相應(yīng)的空間也會(huì)隨之改變，但同時(shí)也存在一定的關(guān)聯(lián)性，給人相應(yīng)的視覺引導(dǎo)，尤其是在用字庫(kù)字體做編排時(shí)也能表現(xiàn)出較好的藝術(shù)性。

圖1：

在正常編排下文字的空間則是隨著文字的對(duì)齊方式依次排列，空間較為固定且平穩(wěn)，在畫面中正常的排列并不是沒有什么不好而是相對(duì)的需要通過設(shè)計(jì)的手段增強(qiáng)藝術(shù)性和美感。

圖2：

把中文和英文的字體以不同的方向進(jìn)行對(duì)齊的排列后，使其在空間上面以不同的方向和位置錯(cuò)位，并在一定程度上兩者對(duì)齊，使平視的閱讀方式與文字方向形成空間錯(cuò)位。

空間的錯(cuò)位是相對(duì)的，是利用文字營(yíng)造一種空間視覺錯(cuò)位的效果是與平面交替使用的一種視覺假象，而對(duì)于立體效果則會(huì)經(jīng)常使用同時(shí)也更加符合立體給人空間感的視覺質(zhì)感。

四、錯(cuò)位的作用

五、錯(cuò)位的使用

錯(cuò)位不僅僅只是表現(xiàn)在文字編排上，其作為設(shè)計(jì)最常用的設(shè)計(jì)手段，在文字編排中同樣可以進(jìn)行不同的編排使用以滿足我們的實(shí)際需求，對(duì)于文字本身枯燥乏味的特點(diǎn)，在保證其識(shí)別的基礎(chǔ)之上使用較為合適的表現(xiàn)手法可以為文字增添更多的創(chuàng)意性，讓其可以很好的傳遞自身所攜帶的信息。

01 逐漸遞進(jìn)

逐層遞進(jìn)是以階梯式的排列方式對(duì)文字進(jìn)行適當(dāng)?shù)腻e(cuò)位，也是采用段落式形式營(yíng)造一種強(qiáng)烈的層次感，同時(shí)也是常規(guī)意義上講的把首字錯(cuò)開留出一個(gè)字或者二分之一字左右的空間。

案例演示

逐層遞進(jìn)是以階梯式的排列方式對(duì)文字進(jìn)行適當(dāng)?shù)腻e(cuò)位，也是采用段落式形式營(yíng)造一種強(qiáng)烈的層次感，同時(shí)也是常規(guī)意義上講的把首字錯(cuò)開留出一個(gè)字或者二分之一字左右的空間。

圖1：

把做好的圖形再?gòu)?fù)制一層增強(qiáng)圖形的視覺表現(xiàn)力，同時(shí)擺放好位置之后為所要擺放的文字留下合適的空間，整體采用四分法把版面劃分成四份為，而圖形占據(jù)上面主要視覺位置。

圖2：

把主要的文字一次靠右邊排列，英文采用上下結(jié)構(gòu)重合的錯(cuò)位，而其它中文則再把間距調(diào)整之后按照遞進(jìn)的層級(jí)關(guān)系錯(cuò)位進(jìn)行排列，營(yíng)造閱讀順序，而左邊的小字則是平衡整體。

02 縱橫交叉

縱橫交叉則是方向上的對(duì)立，也是為了更好的豐富文字編排使其在版面中保持相對(duì)的平衡，對(duì)于視覺的引導(dǎo)也有很好的促進(jìn)作用，但需要注意文字編排在版面中的它適應(yīng)問題。

案例演示

新建一個(gè)畫布，然后把我們找到的人物素材直接置入到版面當(dāng)中，素材找到的使半身，在接下來的處理中則會(huì)依據(jù)主體進(jìn)行適當(dāng)?shù)脑靥砑右约疤幚怼?/p>

圖1：

依據(jù)主體的因素在版面中畫兩個(gè)圓進(jìn)行錯(cuò)位的處理在面的圓顏色要比上面的深一些營(yíng)造出層次感和空間感，同時(shí)加入一些線條修飾使其符合主體的人物的氣質(zhì)。

圖2：

文字編排則以版面中線為基準(zhǔn)使文字編排以左右對(duì)齊的方向交叉錯(cuò)位形式進(jìn)行編排，在看起來簡(jiǎn)單的編排中也使其具有一定的層次感，同時(shí)營(yíng)造視覺的閱讀的舒適度。

六、最后的總結(jié)

文字的錯(cuò)位編排形式很多，這里簡(jiǎn)單的列舉幾個(gè)常見的希望能夠幫助大家打開創(chuàng)意的想法，在使用中主要是為了增添文字的個(gè)性和創(chuàng)意性，避免一些不必要的視覺問題，尤其是中文可以用俄羅斯方塊法對(duì)其進(jìn)行無限的排列組合，也可以以堆積木的方法進(jìn)行組合，使文字不再那么單調(diào)，在使用中可以更好的為需求所服務(wù)。