設(shè)計干貨：錯位！文字編排的另一種對齊
作者：Martin_K，來源：16創(chuàng)藝
文字編排在之前寫文一篇利用幾何圖形進行編排的文章，但在設(shè)計中對于使用比較頻繁的文字這個比較大的分支來說，是需要更多且更具有創(chuàng)意性的編排形式來滿足于我們的需求，同時也是眾多優(yōu)秀設(shè)計師越來越在意，且研究更深，投入精力較多的分支之一，在千篇一律的左中右文字對齊方式中，如何打破現(xiàn)有的對齊形式也是困擾眾多設(shè)計師難點之一，本期將立足于文字編排的基礎(chǔ)上，從另一個角度講述文字編排的對齊方式，以增加文字編排的多樣性和創(chuàng)意性。
一、什么是錯位？
錯位一般從字面意義上講就是離開原來的或應(yīng)有的位置，而在設(shè)計中則可以看作一種藝術(shù)的表現(xiàn)手法，是一種打破常規(guī)對齊的個性表達，也是提升文字編排和整體畫面創(chuàng)意性最簡單直接，最有力，最實用的設(shè)計技巧，亦是規(guī)避文字自身在組合編排中產(chǎn)生視覺差的藝術(shù)手段，同時也是文字自適應(yīng)和它適應(yīng)有效結(jié)合體現(xiàn)。
圖1：
在文字編排中常規(guī)的左中右對齊在很大程度上難以滿足日益變化的個性需求，在打破常規(guī)的過程中我們設(shè)計更加注重視覺美感和創(chuàng)意表達，而文字對齊的局限性在實際應(yīng)用的過程則會顯得相形見肘，很難使文字為整個版面增添新穎的視覺效果,在基于文字自身的組合排列方式，文字與文字之間的組合則會顯得比較單調(diào)千篇一律。
圖2：
而當我們把現(xiàn)有的文字在左對齊的基礎(chǔ)之上，使主文字再次向左空出一個字的距離，同時其他文字則在正常排列的基礎(chǔ)上從首行的第二個字開始左對齊，其他文字和第一個行文字錯開之后形成一定的留白和層次感我們則可以稱之為錯位對齊，同時也是文字編排創(chuàng)意性的體現(xiàn)和視覺美感的錯位藝術(shù)，讓文字編排具有一定的個性。
在對文字進行錯位編排的時候需要注意其視覺引導(dǎo)方向，即使是文字與文字之間的間距比較大，但依然是符合視覺閱讀的順序，同時可以適當調(diào)整大小，讓文字組合之間的視覺引導(dǎo)和層級更加清晰明了。
圖1：
當版面中的文字采用左對齊的時，雖然在閱讀上面比較自然，但就整體的視覺效果而言，在沒有較好的創(chuàng)意時并沒有過多出彩和設(shè)計藝術(shù)性的表達，更像是堆積起來的正常排列，使得版面過于呆板沉悶，而過于花哨的創(chuàng)意編排則會難易把握好版面的視覺平衡同時又失去文字信息便于傳遞的作用特征；
圖2：
基于文字便于閱讀的功能和版面視覺平衡的基礎(chǔ)之上，以錯位的手法使文字編排打破原有的排列組合方式，在營造文字之間層次感的同時又使整個版面具有一定的活躍氣氛，以較為個性且交錯的藝術(shù)美感呈現(xiàn)出不一樣的視覺效果，增添畫面的創(chuàng)意性，使視覺按照一定的錯落方式進行有序的信息閱讀
在使用較為復(fù)雜的錯位編排時，則會呈現(xiàn)出強烈的藝術(shù)視覺美感，但需要注意文字信息的連貫性和閱讀秩序的合理安排。
二、文字的空間
在文字編排時我們經(jīng)常會遇到其自身結(jié)構(gòu)所帶來的視錯覺影響，其主要是受文字結(jié)構(gòu)的空間影響所造成的視覺假象，不管是中文也好，英文也罷都存在視錯覺這一問題，尤其是在進行文字編排和版式編排時則會被放大呈現(xiàn)出來，通常解決這個問題的方式就是適當?shù)恼{(diào)整文字間距跟行距或者是換一種比較中規(guī)中矩的字體，但很大程度上則會限制設(shè)計師在字體應(yīng)用方面的想象和創(chuàng)造空間。
01 中文空間
中文在基于方格造字的基礎(chǔ)上，利用字體的筆畫將方格內(nèi)部空間進行合理的劃分，在相同的結(jié)構(gòu)下其空間受字體的類型，筆畫的粗細，繁簡等眾多因素的影響，而這些影響則會在文字組合編排中直接呈現(xiàn)出來造成一定的視錯覺；在相同的黑體類型中“錯位”橫排上下對齊與豎排左右對齊在視覺上的空間是有些許差別的，其主要是受字體筆畫多少的影響，而宋體的空間同時還受筆畫自身特點變化的影響。
圖1：
中文結(jié)構(gòu)筆畫相對來說比較復(fù)雜，在文字編排使用時很難遇到相同文字的出現(xiàn)，而當筆畫多的字和筆畫少的字組合在一起時就很容易出現(xiàn)字體結(jié)構(gòu)空間上的視錯覺，在正常左對齊的情況下“文”字則與“國”字在視覺上的有輕重之分，“文”字的空間較大略顯得寬松一些，而其它文字則會顯得擁擠一些，視覺方向也隨著左對齊向右延伸，但就文字而言并沒有進行創(chuàng)意出彩的提煉。
圖2：
而在常規(guī)對齊的基礎(chǔ)之上，錯位使視覺主方向落在“文”字的右邊，同時錯位出來的文字則會讓視覺方向向右延伸，其空間可以很好的與版面留白融為一體，使文字的自適應(yīng)和它適應(yīng)有機結(jié)合，并與其它文字形成相反的交叉，增加文字自身創(chuàng)意性和層次感，從而打破方格給人呆板的視覺印象，對于版面來說也略微的活躍個性一些并與圖形的視覺引導(dǎo)相呼應(yīng)，在保證版面視覺平衡的同時更具視覺美感。
宋體的結(jié)構(gòu)空間要比黑體文字更加明顯，錯位的編排形式很大程度上不僅可以平衡視覺，尤其是當數(shù)字與文字共同使用時，錯位還可以營造出極具個性的編排，也為文字編排提供更加豐富的創(chuàng)意空間。
02 英文空間
宋體的結(jié)構(gòu)空間要比黑體文字更加明顯，錯位的編排形式很大程度上不僅可以平衡視覺，尤其是當數(shù)字與文字共同使用時，錯位還可以營造出極具個性的編排，也為文字編排提供更加豐富的創(chuàng)意空間。
從字體的編排組合之后的機構(gòu)中可以看出，在正常的情況下英文所存在的問題與中文基本保持一致，而對文字進行錯位調(diào)整之后整體的空間也發(fā)生了變化，對沉悶的文字來說則會更加具有生氣；而在案例中大小不一且結(jié)構(gòu)空間的視錯覺組合在一起時則會愈發(fā)嚴重。
而當對文字組合自身的空間調(diào)整之后，其在版面中可以很好的發(fā)揮出文字編排的它適應(yīng)，同時也是對版面空間的有效劃分，尤其是在文字多文案的使用中，可以有效的提升文字編排的創(chuàng)意性，錯位調(diào)整之后的空間可以給人一種錯落的層次感，但文字的錯位一定要注意其可識別性。
三、錯位的類型
錯位作為文字編排最常用且最直接的設(shè)計手段，其在設(shè)計中的應(yīng)用隨處可見并以各種不同的形態(tài)變化滿足我們更加個性的需求，可以是空間的錯位，也可以是方向的錯位等，對方格式的中文而言則更加貼合錯位的變化應(yīng)用。
01 結(jié)構(gòu)錯位
結(jié)構(gòu)錯位通常是在字體設(shè)計中常用的創(chuàng)意手法，我們把單個文字的結(jié)構(gòu)和筆畫打散重組，使其以一種新的形式展現(xiàn)給觀者，以創(chuàng)意的形式呈現(xiàn)出較好的視覺效果，而對于文字編排則可以用在單個字或者詞組標題之類較少的文字當中以創(chuàng)意的形態(tài)增強視覺表現(xiàn)。
圖1：
錯位對于字體而言是一種非常適合且表現(xiàn)創(chuàng)意最好的手段之一，在復(fù)雜的中文結(jié)構(gòu)中則可以形成藕斷絲連藝術(shù)表現(xiàn)，給人一種較為強烈的層次感，但通常是采取中間錯位一半。
圖2：
在應(yīng)用中則可以很好的打破單個文字較為固定的方格展示，即使是英文也可以很好的使用相同的處理手法，使其更加具有靈活性和個性，在錯位的時候一定要注意文字的識別性。
在使用結(jié)構(gòu)錯位時則可以很好的表現(xiàn)出強烈的藝術(shù)性，單個文字在打散之后則可以當做圖形表現(xiàn)，并且使版面也更加豐富同時也為其它文字的擺放位置提供視覺引導(dǎo)和對齊依據(jù)。
02 空間錯位
空間結(jié)構(gòu)是相對的，是在一定的空間之內(nèi)發(fā)生位置的變化，在改變其位置時相應(yīng)的空間也會隨之改變，但同時也存在一定的關(guān)聯(lián)性，給人相應(yīng)的視覺引導(dǎo)，尤其是在用字庫字體做編排時也能表現(xiàn)出較好的藝術(shù)性。
圖1：
在正常編排下文字的空間則是隨著文字的對齊方式依次排列，空間較為固定且平穩(wěn)，在畫面中正常的排列并不是沒有什么不好而是相對的需要通過設(shè)計的手段增強藝術(shù)性和美感。
圖2：
把中文和英文的字體以不同的方向進行對齊的排列后，使其在空間上面以不同的方向和位置錯位，并在一定程度上兩者對齊，使平視的閱讀方式與文字方向形成空間錯位。
空間的錯位是相對的，是利用文字營造一種空間視覺錯位的效果是與平面交替使用的一種視覺假象，而對于立體效果則會經(jīng)常使用同時也更加符合立體給人空間感的視覺質(zhì)感。
四、錯位的作用
五、錯位的使用
錯位不僅僅只是表現(xiàn)在文字編排上，其作為設(shè)計最常用的設(shè)計手段，在文字編排中同樣可以進行不同的編排使用以滿足我們的實際需求，對于文字本身枯燥乏味的特點，在保證其識別的基礎(chǔ)之上使用較為合適的表現(xiàn)手法可以為文字增添更多的創(chuàng)意性，讓其可以很好的傳遞自身所攜帶的信息。
01 逐漸遞進
逐層遞進是以階梯式的排列方式對文字進行適當?shù)腻e位，也是采用段落式形式營造一種強烈的層次感，同時也是常規(guī)意義上講的把首字錯開留出一個字或者二分之一字左右的空間。
案例演示
逐層遞進是以階梯式的排列方式對文字進行適當?shù)腻e位，也是采用段落式形式營造一種強烈的層次感，同時也是常規(guī)意義上講的把首字錯開留出一個字或者二分之一字左右的空間。
圖1：
把做好的圖形再復(fù)制一層增強圖形的視覺表現(xiàn)力，同時擺放好位置之后為所要擺放的文字留下合適的空間，整體采用四分法把版面劃分成四份為，而圖形占據(jù)上面主要視覺位置。
圖2：
把主要的文字一次靠右邊排列，英文采用上下結(jié)構(gòu)重合的錯位，而其它中文則再把間距調(diào)整之后按照遞進的層級關(guān)系錯位進行排列，營造閱讀順序，而左邊的小字則是平衡整體。
02 縱橫交叉
縱橫交叉則是方向上的對立，也是為了更好的豐富文字編排使其在版面中保持相對的平衡，對于視覺的引導(dǎo)也有很好的促進作用，但需要注意文字編排在版面中的它適應(yīng)問題。
案例演示
新建一個畫布，然后把我們找到的人物素材直接置入到版面當中，素材找到的使半身，在接下來的處理中則會依據(jù)主體進行適當?shù)脑靥砑右约疤幚怼?/p>
圖1：
依據(jù)主體的因素在版面中畫兩個圓進行錯位的處理在面的圓顏色要比上面的深一些營造出層次感和空間感，同時加入一些線條修飾使其符合主體的人物的氣質(zhì)。
圖2：
文字編排則以版面中線為基準使文字編排以左右對齊的方向交叉錯位形式進行編排，在看起來簡單的編排中也使其具有一定的層次感，同時營造視覺的閱讀的舒適度。
六、最后的總結(jié)
文字的錯位編排形式很多，這里簡單的列舉幾個常見的希望能夠幫助大家打開創(chuàng)意的想法，在使用中主要是為了增添文字的個性和創(chuàng)意性，避免一些不必要的視覺問題，尤其是中文可以用俄羅斯方塊法對其進行無限的排列組合，也可以以堆積木的方法進行組合，使文字不再那么單調(diào)，在使用中可以更好的為需求所服務(wù)。
經(jīng)授權(quán)轉(zhuǎn)載至數(shù)英，轉(zhuǎn)載請聯(lián)系原作者
作者公眾號：16創(chuàng)藝（ID：yelloart）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（2條）