不同的字體結(jié)構(gòu)也都不同，中文的無(wú)襯線體要比襯線體更粗獷占得位置也會(huì)更多一些，就導(dǎo)致字與字的距離會(huì)小一些，這種情況下就不能過(guò)多的減少字間距了，越縮減就越緊湊就會(huì)影響閱讀。相反襯線體的周圍間距要顯得大一些，這時(shí)可以適當(dāng)縮減一些行間距，給讀者一種舒適的閱讀體驗(yàn)。

　　接下來(lái)看一下中英字體測(cè)試，中文襯線體/無(wú)襯線體，英文襯線體/無(wú)襯線體，字體、字形和字號(hào)的不同字間距也不盡相同。由于中文字體與英文字體結(jié)構(gòu)不同，在處理英文的無(wú)襯線體時(shí)，粗獷的線條會(huì)增加的行的寬度，這時(shí)候可以多縮減一些間距，讓它與其他文本之間保持視覺(jué)的平衡。

　　7.了解行長(zhǎng)

　　接下來(lái)講下行長(zhǎng)。因?yàn)槭懿煌Z(yǔ)言、字體、字形和字號(hào)的影響，行長(zhǎng)也會(huì)不盡相同，所以就沒(méi)有辦法一次涵蓋的講完，只能針對(duì)幾種常用字體和字號(hào)來(lái)進(jìn)行講解。由于篇幅的原因就不能講的非常細(xì)了，主要還是以微軟雅黑來(lái)做示例，微軟雅黑也都是頁(yè)面中比較常用的字體，理解了行長(zhǎng)的基礎(chǔ)規(guī)則 – 不同語(yǔ)言、字體、字形和字號(hào)，行長(zhǎng)也不盡相同，接下來(lái)往下細(xì)講一下。

　　8.行長(zhǎng)規(guī)定（重點(diǎn)知識(shí)）

　　行的長(zhǎng)度也是有一定的規(guī)定的，正文的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度不能超過(guò)110個(gè)字符，而標(biāo)題的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度最好保持在60個(gè)字符以下。中文一個(gè)字占兩個(gè)字符，英文一個(gè)字占一個(gè)字符。但有時(shí)候吧由于頁(yè)面柵格較寬，行長(zhǎng)最大長(zhǎng)度也可以不超過(guò)120個(gè)字符，但像行長(zhǎng)占滿一個(gè)柵格的寬度，這種情況是不允許的。行長(zhǎng)過(guò)長(zhǎng)易讀性就會(huì)變差，讀者閱讀一行時(shí)容易串行，換行時(shí)由于上一行末尾與下一行開(kāi)頭之間距離過(guò)長(zhǎng)就會(huì)造成閱讀困難，不易閱讀等難題。

　　9.中文-微軟雅黑（字號(hào)16）

　　理解了行長(zhǎng)的基礎(chǔ)概念和行長(zhǎng)的規(guī)定，就要根據(jù)指定字體和字號(hào)進(jìn)行講解。行的長(zhǎng)度不一定就是整整一行，也會(huì)按照需求劃分為不同的段組。像新聞頁(yè)啊就需要比較小的段組，頁(yè)面過(guò)長(zhǎng)可以劃分為兩個(gè)段組，一般在頁(yè)面中較為常見(jiàn)的就是以標(biāo)題加一個(gè)段組的形式進(jìn)行排版的。

　　10.微軟雅黑（字號(hào)12）

　　字號(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í)做鋪墊，不理解柵格的差別沒(méi)法講了，但又由于篇幅過(guò)長(zhǎng)的問(wèn)題導(dǎo)致現(xiàn)在也沒(méi)法講太細(xì)了。我最近工作被迫有些變動(dòng)打算開(kāi)網(wǎng)課，這部分知識(shí)也會(huì)在課程里進(jìn)行詳細(xì)的補(bǔ)充吧。
　　今天所講到的這些技巧都是UI設(shè)計(jì)培訓(xùn)老師的親身經(jīng)歷，我希望，我寫(xiě)的這些技巧能夠給大家?guī)?lái)一些幫助。如果還有什么疑問(wèn)請(qǐng)聯(lián)系奇酷老師，我們將竭誠(chéng)為你解答。