排版知識,三個提升閱讀體驗的排版小技巧

2024-01-15 14:24:45 來源/作者: / 己有:1人學(xué)習(xí)過

如果正文文本的尺寸是22pt,那么你的行高應(yīng)該控制在26pt~35pt之間。

·在CSS樣式中,你可以使用em來控制尺寸,不過你需要稍加調(diào)整,確保它看起來舒服

·在Word文檔或者Pages文檔中,行高是以倍數(shù)來表示的,120%的行高在這里應(yīng)該設(shè)置為1.2

排版知識,三個提升閱讀體驗的排版小技巧

技巧3——調(diào)整每行文本,確保閱讀體驗

調(diào)整每行文本的長度,讓用戶更好地閱讀。太長的行難以閱讀,太短的話單獨每行倒是容易閱讀,但是需要視線頻繁地左右掃視。英文文本每行理想的字符數(shù)是65~75,作為閱讀的參考標準,應(yīng)該以正文的行寬來作為參考,而不是標題和副標題的長度。

排版知識,三個提升閱讀體驗的排版小技巧

提示:70個字符放在一行里,應(yīng)該有多長?將英文大小寫字字母和數(shù)字寫在一行,就差不多有這么長,可以拿來做參考:

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

當你確定了65~75個字符的長度之后,適當?shù)亟档托袑捴钡竭@個寬度范疇,然后進行二次調(diào)整,直至寬度令你感到舒適。值得一提的是,在中文排版中,也可以采用類似的處理方法,通常在Word 文檔中,使用5號字,一行32個字,能確保比較舒適的閱讀體驗。

排版知識,三個提升閱讀體驗的排版小技巧

一般這個寬度會相對更窄一點,使得每行更易于閱讀。

最終結(jié)果

一旦你遵循上述的步驟來處理,你的文本內(nèi)容的可讀性會得到極大的改善,如同下圖所示:

排版知識,三個提升閱讀體驗的排版小技巧

排版設(shè)置完全是一個常規(guī)技能,遵循簡單的原則能讓文本的可讀性更好。但是這個技能所包含的規(guī)則相對簡單可行,但是并不能覆蓋全部的排版需求,比如在移動端閱讀,尤其是第三個技巧。但是他們依然非常有意義,因為它們展現(xiàn)了一些排版設(shè)計用戶體驗的基本規(guī)則,你可以稍加調(diào)整,應(yīng)用于更加廣闊的領(lǐng)域。