當(dāng)我們談及版面的構(gòu)成的時候，絕大多數(shù)的元素都可以清晰的歸納到「點-線-面」這個系統(tǒng)當(dāng)中，而今天要聊的「畫線分段」這一排版小技巧，毫無疑問是應(yīng)該歸結(jié)為「線」這個元素。

作為一個基礎(chǔ)的核心排版元素，畫線分段這一技巧中所涉及主要構(gòu)成元素是「線」。線的玩法是千變?nèi)f化的�！府嬀�分段」的核心是在于，將線作為一種輔助性的元素，來幫助文本進行區(qū)分、分割，劃分出區(qū)域和段落，強化視覺和語義，在功能和視覺上，重新找到平衡。

在設(shè)計風(fēng)格和特征上來說，「畫線分段」在東亞三國的設(shè)計當(dāng)中有著相對更多的使用場景，尤其日本設(shè)計當(dāng)中，線條更是廣泛而巧妙的運用技巧。將短短的線條玩兒出花來，讓線條成為版面的線索和地圖。

這篇文章會分兩個部分來幫你梳理「畫線分段」這一排版技巧，我們先梳理出它的 4 種核心功能，方便你可以根據(jù)實際的應(yīng)用場景來進行篩選和調(diào)整，之后羅列出 8 種常見的設(shè)計玩法，這樣就可以在不同的版面設(shè)計中應(yīng)用起來。

4大核心功能

01/

構(gòu)建條理，創(chuàng)造韻律

當(dāng)線條出現(xiàn)在邊緣的時候，它是邊界，當(dāng)它出現(xiàn)在元素之間的時候，它是間隔。線條天然就具備有區(qū)分、割裂甚至粘合的作用�？梢酝ㄟ^加入的畫線，將文字分組，將信息理順，從而強化整體的條理性。

另外，線條豐富了元素之間的變化，如果控制好間隔，加入重復(fù)性的元素，添加規(guī)律性的變化，整個版面的韻律感會一下子提升起來。

02/

強調(diào)文字，凸顯內(nèi)容

畫線分段多數(shù)時候是跟文本結(jié)合起來使用的，尤其是標(biāo)題。當(dāng)文本被線條標(biāo)識出來的時候，用戶會更容易注意到它們，關(guān)注到它們。當(dāng)然，在具體的強調(diào)方式上，畫線分段式的排版有很多花樣可供選擇。

03/

視覺引導(dǎo)，強化節(jié)奏

在文本和文本之間，文本和其他元素之間增加線條，可以說是將原本的兩者關(guān)系，上升成為一個更加多樣的「三體關(guān)系」，可以很快消解原本單調(diào)直接的排版，讓整體節(jié)奏感更強。在線條的指引下，讓用戶對內(nèi)容的閱讀和查看有更清晰的閱讀路徑，這種特質(zhì)可以用來解決一些特定的排版和設(shè)計問題。

04/

強化結(jié)構(gòu)，增加裝飾

將畫線擴展到整個版面當(dāng)中去，就可以輔助構(gòu)建出整個框架，而這種框架結(jié)構(gòu)一方面增加了視覺的結(jié)構(gòu)性，還可以提升細(xì)節(jié)感，信息量以及裝飾性。

8種常見玩法

01/

橫排畫線強調(diào)

這可能是最為常見的一種用法。

在版面中使用最常見的橫排標(biāo)題，通過在文本的下方或者周圍增加等寬的橫向的線條，強調(diào)標(biāo)題文本，讓它和其他的視覺元素區(qū)分開來，簡單，直接，有效。

這種標(biāo)識方式沿襲著我們一直以來閱讀文字時候的標(biāo)識習(xí)慣——畫線。與其說這是一種排版策略，不如說它沿襲自我們一貫的「做筆記習(xí)慣」。

有的時候，這種排版方式并不拘泥于標(biāo)題，在小的文本區(qū)塊當(dāng)中，也可以靈活的使用，可以達(dá)到快速劃分區(qū)域、幫助用戶收束注意力，關(guān)注內(nèi)容。

02/

豎排畫線間隔

這可以說是第一種玩法的另外一種形態(tài)，只是相比于在西文當(dāng)中，它天然地貼合傳統(tǒng)的閱讀習(xí)慣和東方審美。

在中文版面中采用豎排畫線間隔式排版，非常適合標(biāo)題和小段文本的呈現(xiàn)，大段的文本呈現(xiàn)還是不建議使用這種版式。一方面，這樣的設(shè)計結(jié)合相對傳統(tǒng)的元素，可以更加輕松地營造出古早、雅致的氣息和氛圍、另一方面，它打破日常習(xí)慣的版面（也就是橫排），可以很快地抓住觀看者的注意力，但是又不影響閱讀（大段的文本還是有影響），可以達(dá)到頗為良好的設(shè)計效果。

當(dāng)然，在西文當(dāng)中也可以這么使用，只是要注意幾點，如果是短小的單詞，可以橫排文字+豎排畫線，如果是較長的文本，則只能讓文本旋轉(zhuǎn)90度來搭配豎排畫線了。

03/

傾斜視線引導(dǎo)

相比于之前兩種，傾斜式的畫線分段處理，帶有更加顯著的視覺引導(dǎo)性，這時候的畫線不僅切分出了區(qū)域，而且可以引導(dǎo)觀看者的視線走向，整個版式可以變得更加多樣，打破橫平豎直的桎梏，變得更加多樣和有趣。

比如可以連接文本，告訴用戶怎樣去查看和閱讀：

比如可以直接傾斜地切分出區(qū)塊：

還可以構(gòu)建出近乎喊話一樣的漫畫效果：

相比之下，這樣的交叉切割式的畫線分段更抽象，甚至在版面上創(chuàng)造出交匯點，同樣也起到了強調(diào)標(biāo)題的作用：

而這樣的畫線分段就是我前面說的，圓弧式的切分，充滿了有機感：

04/

微妙的虛線切分

相比于實線的分段處理，弱化處理之后的虛線更加微妙，有著更強的融入感，這意味著虛線可以更加靈活地加入到版面當(dāng)中，無論是劃分區(qū)塊還是充當(dāng)引導(dǎo)，都更加輕松，不會顯得突兀。

05/

加粗畫線強調(diào)

加粗之后的畫線，顯得存在感更強。這個時候的畫線不僅僅有著劃分的作用，它的視覺重量會逼近文本乃至于圖案等視覺元素，這時候它可以充當(dāng)占位符和視覺錨點而存在。它的強調(diào)作用大體分為兩種，一種是在進行分隔的同時，作為區(qū)塊的視覺標(biāo)識存在，一種是作為填補區(qū)域布局的占位符來使用。

下面就是典型的使用加粗畫線來作為視覺錨點：

06/

構(gòu)建形體框架

當(dāng)你使用橫豎畫線，將文本乃至于其他視覺元素，部分包裹起來的時候，它的形體感會進一步加強，接近框架一般的存在，不過由于不完全的封閉，又保持了足夠的呼吸感，保證了視覺上的結(jié)構(gòu)性，又不至于呆板無趣。只要你能保持克制地使用，可以非常有意思。

07/

富有韻律的裝飾

最有趣也最富有創(chuàng)造性的玩法，可以說就是用畫線來進行裝飾�？赡苓@樣使用似乎有點偏離「分段」本身的作用，但是它更多地是「打破整塊的留白」，來實現(xiàn)視覺韻律感。

比如這張海報中使用傾斜的畫線和文本共同構(gòu)建出來的效果，同時具備了裝飾、強調(diào)、實現(xiàn)引導(dǎo)，甚至在幾何結(jié)構(gòu)上，借助和畫面人物的形體平行，做到了奇妙的呼應(yīng)，不復(fù)雜卻相當(dāng)有看頭：

08/

結(jié)合肌理強化風(fēng)格

畫線同樣可以成為強化風(fēng)格的組成部分，比如結(jié)合筆刷、肌理效果，讓畫線本身可以和本身的設(shè)計風(fēng)格進行融合：

結(jié)語

畫線分段是小技巧，在多數(shù)版面里面都可以起到錦上添花的作用，尤其當(dāng)你沒有想法的時候。當(dāng)然如果你對于這樣的版式技巧感興趣，可以看看往期的其他版式技巧：