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