版式設計教程

行距

行距同行長一樣是一個需要特別注意的地方，太寬或者太窄也會影響文章的易讀性。行距太窄會消弱閱讀速度，因為讀者的的眼睛會同時接受上下兩行的文本信息，行距太窄則會造成眼睛難以聚焦，甚至會山下串列導致混淆閱讀信息；同樣行距如果設置太寬，會讓讀者很難將上下兩行串聯起來，讓人產生不確定性和疲勞感。

一個適當的行距會引導讀者從一行自然地移動到另一行，並在閱讀中建立信心和穩定性，讓頁面信心更容易被讀者吸收和記憶。當閱讀變得輕鬆時，不僅信息更容易被記住，同時還能傳達出設計作品的品質，版面會變得更具協調性和功能性，既有美感又能經受住驗。

通常一個版面中會出現幾種不同的字型大小大小，為確保呈現規範又靈活的版面設計，需對不同字型大小的文字分別進行調整。

不同行距效果演示

字型大小：36pt，無襯線字體；字間距：0；

行距36pt、42pt

字型大小：20pt，無襯線字體；字間距：0；

行距54pt、72pt

字間距

同行寬行距一樣，字間距在對整個版面的視覺效果起到很決定性的作用。字間距太大會導致單詞之間太過分散，整個版面過於散亂，難以聚焦，對閱讀上造成很大的障礙；字間距太密則直接導致字元混淆到一起，極大的影響了信息的識別性，增大了讀者的閱讀難度，從而導致讀者對信息毫無閱讀興趣。

一個適當的字間距會使整個文章更加連貫，信息表達更加清晰明了，輔以合適的行距行寬，會使這個版心極距節奏感和設計美感。

不同字間距效果演示

字型大小：36pt，無襯線字體；行距54pt；

字間距50、0

字型大小：36pt，無襯線字體；行距54pt；

行距-50pt、-100pt

標題行距、字間距

由於標題字型大小相對正文來說會大很多，當以正文的字間距和行距來規範標題時，會顯得標題異常鬆散，當標題有兩行或者多行時，標題行距不宜過大，一般控制在行高的1/4 左右即可，字間距也可相對縮小，以達到最好的視覺效果。

標題字型大小56pt、字間距-25、行距84pt

標題字型大小56pt、字間距-50、行距68pt

文字信息層級關係

標題> 副標題> 正文> 注釋

文字信息權重比列

一張完整的上架圖包括主標題、副標題、正文、注釋這四個不同層級關係的文字信息組合，設計師要根據每個部分信息的權重合理安排信息在視覺上的呈現關係。

不同信息的主次順序呈現方式

字型大小

加粗、斜體、下劃線

顏色

文字組距離設置

一般情況下，每一個上架圖都會存在至少兩個或以上的文字組，正常情況下以主標題、副標題、正文組成，少數情況下會有注釋類文案。在排版的時候要把握好每個文字組之間的距離，用以區分各個部分之前的層級主次關係。

通過組距來控制不同文字信息組之間的相互聯繫，快速識別畫面中不同的信息組，使畫面

層次更加清晰，最大程度上簡化信息識別性。

對齊方式

左對齊、右對齊、居中對齊；

設計時需要根據畫面中的產品角度選擇合適構圖及對齊方式。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！