高手的平面課堂！用「線」排版必須做好的6個細節

在做版式設計的時候，我們經常會用到一種元素來輔助排版——線，“線”具有區隔內容、強調信息、平衡版面、指引、組合、連接、裝飾等諸多功能，能有效解決很多版式問題，但“線”的使用并沒有表面上看起來那么簡單，很多設計新人在用“線”排版時會出現：冗余、死板、不平衡、不美觀等問題，所以，蔥爺今天就來講講，在使用“線”進行排版時需要注意哪些細節。

平面干貨：

一、線的種類

常用于版式設計的“線”有 6 種：

1. 長直線

線條的長短沒有一個明確的界定標準，我自己評估了一下，在中文版面里，線條如果長于 10 個正文的字符寬度，大概就可以稱之為長線，否則就是短線。另外，長線用于區隔內容時，其長度一般是大于或等于內容的長度。

2. 短直線

短線用于區隔信息時，線條會比“文字行”短，短線還常用于組合信息，作用類似于大括號。

上圖的紅色短線就是起到了組合信息的作用。

3. 斜直線

斜線的主要用于切割文字和圖片、規范文字排版、填充空白等，比水平和垂直的線條更具動感。

4. 折線

折線常用于信息指引，比如產品的功能示意圖、信息圖表等，另外，用于區隔信息效果也不錯。

5. 曲線

比如波浪線、弧線、或者螺旋線等等，曲線比直線更加柔和、活潑，常用于兒童、女性、或手寫體為主的設計中。

6. 虛線

虛線具有低調、優雅、可愛的特性，常用在正文排版中用于區隔信息。

二、線的粗細

不同粗細的線條其效果和氣質會有明顯差異，所以需要根據具體的需求來設置線條的描邊參數。

細線條比較秀氣和精致，如果版面的調性要求高端和優雅，所作用的文字“字重”以regular或light為主，那么細線會更加合適。線條的粗細值通常和其中小號字的較細筆畫（襯線體參考橫筆劃）的粗細差不多。

粗線條相對粗獷而顯目，如果版面中主要文字的“字重”是medium或bold為主的無襯線體，那么使用粗線條比較合適。如果線條所作用的文字字號只有一種，線條的粗細值通常會比文字筆畫略細一點點。

而如果所作用文字的字號不只一種，線條的粗細值通常是介于大號文字與小號文字的筆畫粗細之間。

如果版面中的線條比較多，功能也不一樣，那么最好區分一下線條的粗細，以使版面更加精致、層級更加清晰。

比如在上圖的報紙排版中，區隔報頭與目錄之間的線條是最粗的，甚至還用了兩根線條；目錄之間的線條，以及區隔目錄與版位的線條要相對細一些；而版位里不同信息板塊之間的分隔線是最細的；用于區隔導讀和正文的線條又是比較粗的。

另外，如果線條的目的是為了強調眾多文字中的某些句詞，通常也會使用較粗的線條。

三、線的長短

長線和短線的有些功能是一的，比如區隔內容，那到底什么時候要用長線，什么時候要用短線呢？主要依據是其所作用的內容的長短，通常來說，作用的內容比較長，那么用長線效果比較好；

內容不一定只是文字，也可能是文字加圖片,甚至是純圖片。

如果所對應的內容比較短，則用短線效果會更好，短線的長度通常在所作用文字中“長句”的 1/3-1/5 之間。

四、線的位置

長線的起點和終點通常要與對應的圖文兩端對齊，或一端對齊、一端做出血處理，如果同類型的文字段落有長有短,則以最長的為準。

短線則要與所對應文字的對齊方式統一，比如統一左對齊、右對齊、居中對齊。

如果線條的作用是強調某些詞句，那么其與文字的間隔會比較小，大概是線條粗細的1-2倍，甚至會與文字交叉；

如果線條的作用是將不同組別的信息區別開，那么線條與文字的距離通常是大于等于 1 行文字的高度（橫向區分），或者是大于等于 1 個字符的寬度（豎向區分）；文字越少、空間越大，間隔也相應要更大。

五、線的呼應關系

在文字相對較多的版面里，我們好少看到只有一根線條的情況，因為有幾條重復出現的線時，才能形成呼應，以及版面的統一性、平橫性和節奏感；而版面中出現不同的線是為了呼應內容本身的結構，也是為了加強版面的對比關系。

圖三比圖一和圖二更加平衡、更加精致。

六、打破線的束縛

如果你希望版式的調性更加靈活和時尚，可以在圖文與線之間適當做一些錯位、疊加或者交叉的效果，就會有一種打破束縛的感覺。

以上蔥爺分享了版式設計中“線”的使用技巧和注意事項，當然，這些所謂的方法也覺得不是標準，設計是不存在標準的，所謂的經驗和技巧只是能幫助經驗不足的設計師可以更快做對、做好，如果你夠強，所有的經驗都可以打破。關于排版中的其他細節，我們后面慢慢聊。