用超多案例，幫你學會8個容易出效果的「線」設計方法

當我們談及版面的構成的時候，絕大多數的元素都可以清晰的歸納到「點-線-面」這個系統當中，而今天要聊的「畫線分段」這一排版小技巧，毫無疑問是應該歸結為「線」這個元素。

作為一個基礎的核心排版元素，畫線分段這一技巧中所涉及主要構成元素是「線」。線的玩法是千變萬化的。「畫線分段」的核心是在于，將線作為一種輔助性的元素，來幫助文本進行區分、分割，劃分出區域和段落，強化視覺和語義，在功能和視覺上，重新找到平衡。

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

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

4大核心功能

1、構建條理，創造韻律

當線條出現在邊緣的時候，它是邊界，當它出現在元素之間的時候，它是間隔。線條天然就具備有區分、割裂甚至粘合的作用。可以通過加入的畫線，將文字分組，將信息理順，從而強化整體的條理性。

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

2、強調文字，凸顯內容

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

3、視覺引導，強化節奏

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

4、強化結構，增加裝飾

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

8種常見玩法

1、橫排畫線強調

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

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

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

有的時候，這種排版方式并不拘泥于標題，在小的文本區塊當中，也可以靈活的使用，可以達到快速劃分區域、幫助用戶收束注意力，關注內容。

2、豎排畫線間隔

這可以說是第一種玩法的另外一種形態，只是相比于在西文當中，它天然地貼合傳統的閱讀習慣和東方審美。

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

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

3、傾斜視線引導

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

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

比如可以直接傾斜地切分出區塊：

還可以構建出近乎喊話一樣的漫畫效果：

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

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

4、微妙的虛線切分

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

5、加粗畫線強調

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

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

6、構建形體框架

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

7、富有韻律的裝飾

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

比如這張海報中使用傾斜的畫線和文本共同構建出來的效果，同時具備了裝飾、強調、實現引導，甚至在幾何結構上，借助和畫面人物的形體平行，做到了奇妙的呼應，不復雜卻相當有看頭：

8、結合肌理強化風格

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

結語

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