文字編排一共分為兩篇，上一篇文章講的是如何設(shè)置行高，那這一篇文章主要講如何設(shè)置行長(zhǎng)，教大家如何在頁面中規(guī)定行長(zhǎng)使它更加合理并容易閱讀。另外我也希望文章的內(nèi)容由大家來定，我可以把大家想學(xué)習(xí)的知識(shí)穿插到系列文章中，來盡量滿足大家的需求。如果大家有想要理解的知識(shí)，需要我講的，就在文章下方留言就可以了。
目錄
1.字間距（三種樣式）
2.字間距 - 標(biāo)準(zhǔn)排版
3.字間距 - 緊湊排版
4.字間距 - 留白排版
5.字間距 - 使用場(chǎng)景（字號(hào)）
6.字間距 - 使用場(chǎng)景（字體）
7.了解行長(zhǎng)
8.行長(zhǎng)規(guī)定（重點(diǎn)知識(shí)）
9.微軟雅黑（字號(hào)16）
10.微軟雅黑（字號(hào)12）
1.字間距（三種形式）
上一篇沒有講到字間距，這篇講行長(zhǎng)時(shí)正好給補(bǔ)上。常用的字間距有三種排版形式，分別是標(biāo)準(zhǔn)排版、緊湊排版和留白排版。標(biāo)準(zhǔn)排版就是軟件默認(rèn)的字間距，字與字之間的距離不會(huì)太大也不會(huì)太??；緊湊排版是每個(gè)字之間的距離會(huì)向里縮進(jìn)一些；留白排版是每個(gè)字之間會(huì)多留一些空白。三種排版形式如下圖所示。
當(dāng)我們大致了解了字間距的三種形式，接一下就一個(gè)個(gè)的去理解它們。
2.字間距-標(biāo)準(zhǔn)排版
標(biāo)準(zhǔn)排版就是字與字之間的距離不大也不小。在繪圖工具中的字符工具里的“字間距”功能的數(shù)值為0 ‰，這時(shí)采用的是標(biāo)準(zhǔn)排版。什么情況下使用這種排版規(guī)則呢？ 通常在設(shè)計(jì)師比較懶惰的情況下會(huì)使用這種排版規(guī)則。因?yàn)樵谔幚順?biāo)題、正文和注釋時(shí)，需要根據(jù)不同的字號(hào)選擇不同的字間距來進(jìn)行排版，字號(hào)不同字間距相同就會(huì)影響視覺感受，所有字號(hào)都用繪圖工具的默認(rèn)字間距，只能說明設(shè)計(jì)師比較懶惰且工作不飽和（手動(dòng)滑稽）。
3.字間距-緊湊排版
緊湊排版就是字與字之間的距離會(huì)縮短并向里縮進(jìn)。在繪圖工具中的字符工具里的“字間距”功能的數(shù)值為負(fù)數(shù)，區(qū)間為-10 ‰~-40 ‰不等，具體數(shù)值還要根據(jù)不同的字號(hào)和字體來做決定，通常應(yīng)用在標(biāo)題當(dāng)中。
4.字間距-留白排版
那留白排版就是字與字之間的距離會(huì)多留一些空白。在繪圖工具中的“字間距”數(shù)值為正數(shù)，區(qū)間為10 ‰~-40 ‰不等。與緊湊排版一樣，也是根據(jù)不同字號(hào)和字體來決定的。有些中文字體結(jié)構(gòu)中的字與“外邊框”的距離就很大了，這時(shí)再給字間距加留白，一行就會(huì)顯得過于分散，所以還是要具體需求具體分析。留白排版通常應(yīng)用在正文當(dāng)中。那這里的“外邊框”指的是字體設(shè)計(jì)時(shí)用到的框，屬于中文字體結(jié)構(gòu)中的一部分，專業(yè)術(shù)語叫“圍框”，日本人稱為“假象邊框”，不要深究先簡(jiǎn)單了解一下就行。
5.字間距-使用場(chǎng)景（字號(hào)）
當(dāng)理解了字間距的三種排版形式，就學(xué)一下在什么場(chǎng)景下使用它們。不同字號(hào)字間距也不同，字號(hào)越大字與字的間距就越小，字號(hào)越小字與字的間距就越大。字間距過大或過小都會(huì)影響閱讀體驗(yàn)，文字的易讀性就會(huì)被影響。在設(shè)計(jì)以古典為主題的作品時(shí)，要營(yíng)造拘謹(jǐn)和嚴(yán)肅感，就可以在常規(guī)的字間距的基礎(chǔ)上再減少一些間距；在設(shè)計(jì)以現(xiàn)代或科技為主題的作品時(shí)，要營(yíng)造開放的態(tài)度和流行的感覺，就可以在常規(guī)的字間距的基礎(chǔ)上再增加一些間距。如下圖所示，帶顏色的是字間距的數(shù)值。
另外，英文的字間距差異要比中文更大，但篇幅有點(diǎn)長(zhǎng)了，字號(hào)這塊我就不拿英文來舉例了。好的講回來，如果反其道而行之就會(huì)造成不好的閱讀體驗(yàn)，字間距過大就會(huì)影響閱讀體驗(yàn)，非常大就會(huì)影響文字的易讀性。字間距非常小，字與字就會(huì)重疊，字的可讀性就很差。所圖所示（錯(cuò)誤的示例）：
字間距中字與字之間的距離采用多少的數(shù)值，也是根據(jù)設(shè)計(jì)師自身審美來決定的。
6.字間距-使用場(chǎng)景（字體）
不同的字體結(jié)構(gòu)也都不同，中文的無襯線體要比襯線體更粗獷占得位置也會(huì)更多一些，就導(dǎo)致字與字的距離會(huì)小一些，這種情況下就不能過多的減少字間距了，越縮減就越緊湊就會(huì)影響閱讀。相反襯線體的周圍間距要顯得大一些，這時(shí)可以適當(dāng)縮減一些行間距，給讀者一種舒適的閱讀體驗(yàn)。
接下來看一下中英字體測(cè)試，中文襯線體/無襯線體，英文襯線體/無襯線體，字體、字形和字號(hào)的不同字間距也不盡相同。由于中文字體與英文字體結(jié)構(gòu)不同，在處理英文的無襯線體時(shí)，粗獷的線條會(huì)增加的行的寬度，這時(shí)候可以多縮減一些間距，讓它與其他文本之間保持視覺的平衡。
下面就附加一張字體間距的錯(cuò)誤示例吧。字間距之間的差別非常微小，有些朋友可能會(huì)看不出差異。中文差異很小，英文那里比較明顯，英文的標(biāo)題占的寬度太大了，就要進(jìn)行縮進(jìn)。
7.了解行長(zhǎng)
接下來講下行長(zhǎng)。因?yàn)槭懿煌Z言、字體、字形和字號(hào)的影響，行長(zhǎng)也會(huì)不盡相同，所以就沒有辦法一次涵蓋的講完，只能針對(duì)幾種常用字體和字號(hào)來進(jìn)行講解。由于篇幅的原因就不能講的非常細(xì)了，主要還是以微軟雅黑來做示例，微軟雅黑也都是頁面中比較常用的字體，如圖所示。
理解了行長(zhǎng)的基礎(chǔ)規(guī)則 - 不同語言、字體、字形和字號(hào)，行長(zhǎng)也不盡相同，接下來往下細(xì)講一下。
8.行長(zhǎng)規(guī)定（重點(diǎn)知識(shí)）
行的長(zhǎng)度也是有一定的規(guī)定的，正文的行長(zhǎng)在頁面設(shè)計(jì)中的最大長(zhǎng)度不能超過110個(gè)字符，而標(biāo)題的行長(zhǎng)在頁面設(shè)計(jì)中的最大長(zhǎng)度最好保持在60個(gè)字符以下。中文一個(gè)字占兩個(gè)字符，英文一個(gè)字占一個(gè)字符。但有時(shí)候吧由于頁面柵格較寬，行長(zhǎng)最大長(zhǎng)度也可以不超過120個(gè)字符，但像行長(zhǎng)占滿一個(gè)柵格的寬度，這種情況是不允許的。行長(zhǎng)過長(zhǎng)易讀性就會(huì)變差，讀者閱讀一行時(shí)容易串行，換行時(shí)由于上一行末尾與下一行開頭之間距離過長(zhǎng)就會(huì)造成閱讀困難，不易閱讀等難題。
9.中文-微軟雅黑（字號(hào)16）
理解了行長(zhǎng)的基礎(chǔ)概念和行長(zhǎng)的規(guī)定，就要根據(jù)指定字體和字號(hào)進(jìn)行講解。行的長(zhǎng)度不一定就是整整一行，也會(huì)按照需求劃分為不同的段組。像新聞頁啊就需要比較小的段組，頁面過長(zhǎng)可以劃分為兩個(gè)段組，一般在頁面中較為常見的就是以標(biāo)題加一個(gè)段組的形式進(jìn)行排版的。
10.微軟雅黑（字號(hào)12）
下圖是較小字號(hào)的展示效果。字號(hào)越小行長(zhǎng)就越小，中文字體12號(hào)字更適用于比較傳統(tǒng)的企業(yè)網(wǎng)站中，柵格控制在1000px以內(nèi)，顯示效果最理想。
11.不同字號(hào)在柵格中展示
本身是想簡(jiǎn)單講一下行間距的，結(jié)果行間距講的有點(diǎn)多了，行長(zhǎng)的知識(shí)需要其他的知識(shí)做鋪墊，不理解柵格的差別沒法講了，但又由于篇幅過長(zhǎng)的問題導(dǎo)致現(xiàn)在也沒法講太細(xì)了。我最近工作被迫有些變動(dòng)打算開網(wǎng)課，這部分知識(shí)也會(huì)在課程里進(jìn)行詳細(xì)的補(bǔ)充吧。
謝謝閱讀
感謝支持
在結(jié)尾我也不知道說點(diǎn)什么好了，最近遇到些事情現(xiàn)在精神有點(diǎn)恍惚，想不出來給大家分享一些什么知識(shí)。“至誠(chéng)、至境、至善”，不管是做教育還是做人，我還是秉承一個(gè)觀點(diǎn) - 不坑害人，不賺黑心錢，只做良心事，為人清廉清正才不懼黑暗，就說這么說吧。
謝謝大家的支持
記得點(diǎn)個(gè)贊哦
∨
