文字編排一共分為兩篇,上一篇文章講的是如何設(shè)置行高,那這一篇文章主要講如何設(shè)置行長(zhǎng),教大家如何在頁(yè)面中規(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ì)了,主要還是以微軟雅黑來做示例,微軟雅黑也都是頁(yè)面中比較常用的字體,如圖所示。
理解了行長(zhǎng)的基礎(chǔ)規(guī)則 - 不同語言、字體、字形和字號(hào),行長(zhǎng)也不盡相同,接下來往下細(xì)講一下。
8.行長(zhǎng)規(guī)定(重點(diǎn)知識(shí))
行的長(zhǎng)度也是有一定的規(guī)定的,正文的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度不能超過110個(gè)字符,而標(biāo)題的行長(zhǎng)在頁(yè)面設(shè)計(jì)中的最大長(zhǎng)度最好保持在60個(gè)字符以下。中文一個(gè)字占兩個(gè)字符,英文一個(gè)字占一個(gè)字符。但有時(shí)候吧由于頁(yè)面柵格較寬,行長(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ì)按照需求劃分為不同的段組。像新聞頁(yè)啊就需要比較小的段組,頁(yè)面過長(zhǎng)可以劃分為兩個(gè)段組,一般在頁(yè)面中較為常見的就是以標(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è)贊哦
∨