字間留空是近年來非常流行的一種排版設計技巧，這種排版設計方式大多應用于海報、Banner圖、H5，同時，在動畫設計、視頻當中也有相當多的應用。今天，我們來深入梳理總結一下這種排版設計技法。

字間留空排版的核心特征

在設計的時候，將標題、短句或者單詞中間的字間距放大，變為充滿呼吸感的留白，借此將文本變成疏松、分散的字符片，化線為面。

邏輯上，只要你能保證對比度，字間留空可以隨意使用襯線和無襯線字體，無論粗細都可以，不過為了保證形式感和識別度，多數的設計當中，加粗的無襯線字體是首選。在具體的排版應用上，字間留空可以搭配的手法非常之多，我們后續會詳細說明。

值得一提的是，最近2年在油管上超級火的頻道 The First Take ，就將字間留空和純白簡約的布景設計結合到一起，形成了極具識別度的頻道特色：

The First Take 講究的是開放空間，一鏡到底，話筒、樂器和表演者大多和鏡頭呈90度角，大量的留白和這種側面視角充滿了強烈的平面感，可以說是和字間留空形成了堪稱完美的搭配。

字間留空排版的4個優點

字間留空這一設計手法的優點可以歸結為4點：

• 特點顯著，執行方便

超大的字間距讓這種設計手法極具識別度，而且執行起來上手也很快，只要把字間距拉開，將每個字母或者文字快速地重新排布，就可以呈現出極具視覺識別度的版式。

• 風格百變，樣式百搭

字間留空本身只是諸多排版技巧中的一種，多數時候它會呈現出一種整飭的平面感，不帶有明顯的情緒，這使得它可以搭配各種不同版式，對稱或不對稱，規整或錯落，都問題不大。

• 化線為面，層級增加

將留白填充進詞匯、短句、標題之后，原本在視覺上類似單一線條的文本元素，就變成了一片富有呼吸感的視覺層，由于它本身的強烈呼吸感，這個層可以清晰透出底下的視覺信息。

• 幾何感強，構建骨架

在重新排列字母和文字的時候，可以構成緊湊的「點」，完全鋪開則是「面」，如果沿著特定的軌跡排布還能凸顯一些特定的「路徑」，在視覺上，它可以作為一個框架來使用。

字間留空排版的3大缺陷

字間留空這種手法也是有缺陷的，使用的時候要注意下面3點：

• 不支持長單詞和長句子

太長的句子和單詞，被拆分開之后，要么是留白不足，顯得呼吸感不足，要么是信息量太大，顯得形式感不足。只有短句和短單詞更容體現它的特征。

• 文本識別度會降低

這種排版方式和日常閱讀習慣相左，太長的單詞被留白分割、又被跳轉分段之后，基本就不存在什么識別度了，而如果是中文短句使用字間留空，閱讀也不會像原本那么順暢。

• 過多視覺層級下會顯得混亂

由于字間留空這種技法涉及大量「留白」，如果底層的背景元素太復雜了，或者層級太多了，會很容易和前景的文字雜糅到一起，無法分辨。

字間留空排版的8種玩法技巧

由于字間留空的玩法很多，我們這里將最為典型的幾種字間留空排版方式總結梳理出來

1、居中矩形平鋪展示

采用筆觸超粗的字體，將文本拆散，拉寬間隙，居中均勻平鋪成一片整齊的矩形，作為視覺主體，同時，控制好前景和背景之間的對比度，就能呈現出不錯的效果：

下面是排版范例：

2、傾斜透視居中展示

將留空的文本以傾斜或帶透視的方式來排布，能夠讓整體更加富有動感和空間感，營造出具有傾向性和趨勢感：

下面是范例：

3、結合輔助線條展示

在字間留空的排版中加入輔助線，能夠讓排版的形體感、結構感更強，讓視覺上更加飽滿，裝飾性更強。輔助線的呈現方式通常分3種，一種是在行列之間強化分割：

參考范例：

一種是在文字中「穿針引線」作為視覺引導：

參考范例：

最后一種是在外邊緣，強調框架和邊界：

參考范例：

4、結合色塊背景來呈現

為文本添加或大或小的色塊背景，可以更好地控制文本的對比度。加入純色的背景可以讓文本完全不受背景影響，而用半透明的色塊則可以更好地調和前后關系，又確保對比度：

參考范例：

5、壓角到出血位來呈現

這種呈現方式更加具有張力，將整個版式納入到字里行間的「留白」當中，這個時候還可以結合更加具有性格的字體風格來呈現：

參考范例：

6、和其他元素互相穿插

讓分散的文字元素和其他的元素，互相穿插交疊，形成彼此交疊、融入的感覺，這樣的排版方式也非常的有趣：

參考范例：

7、多組文本組合穿插

將多個采用字間留空排版的文本，有主次地組合起來使用，也可能讓整體風格統一又層次豐富，可以說是一種進階玩法：

參考范例：

8、結合不同的樣式風格

除了版式上的花樣之外，還可以在字體樣式和風格上玩出更多花樣，比如可以制作出失真的效果：

可以將填充樣式的文本改成描邊樣式：

還可以針對筆觸進行處理，比如缺省，或者進行修飾，強化設計感：

結語

字間留空是一種泛用性很強的排版設計手法，這里所列舉的案例花樣已經很多，下一期，我們可以梳理總結一些別的排版技巧，敬請期待。

延伸閱讀：