排版知識(shí),三個(gè)提升閱讀體驗(yàn)的排版小技巧(3)
如果正文文本的尺寸是22pt,那么你的行高應(yīng)該控制在26pt~35pt之間。
·在CSS樣式中,你可以使用em來(lái)控制尺寸,不過(guò)你需要稍加調(diào)整,確保它看起來(lái)舒服
·在Word文檔或者Pages文檔中,行高是以倍數(shù)來(lái)表示的,120%的行高在這里應(yīng)該設(shè)置為1.2
技巧3——調(diào)整每行文本,確保閱讀體驗(yàn)
調(diào)整每行文本的長(zhǎng)度,讓用戶更好地閱讀。太長(zhǎng)的行難以閱讀,太短的話單獨(dú)每行倒是容易閱讀,但是需要視線頻繁地左右掃視。英文文本每行理想的字符數(shù)是65~75,作為閱讀的參考標(biāo)準(zhǔn),應(yīng)該以正文的行寬來(lái)作為參考,而不是標(biāo)題和副標(biāo)題的長(zhǎng)度。
提示:70個(gè)字符放在一行里,應(yīng)該有多長(zhǎng)?將英文大小寫(xiě)字字母和數(shù)字寫(xiě)在一行,就差不多有這么長(zhǎng),可以拿來(lái)做參考:
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789
當(dāng)你確定了65~75個(gè)字符的長(zhǎng)度之后,適當(dāng)?shù)亟档托袑捴钡竭@個(gè)寬度范疇,然后進(jìn)行二次調(diào)整,直至寬度令你感到舒適。值得一提的是,在中文排版中,也可以采用類似的處理方法,通常在Word 文檔中,使用5號(hào)字,一行32個(gè)字,能確保比較舒適的閱讀體驗(yàn)。
一般這個(gè)寬度會(huì)相對(duì)更窄一點(diǎn),使得每行更易于閱讀。
最終結(jié)果
一旦你遵循上述的步驟來(lái)處理,你的文本內(nèi)容的可讀性會(huì)得到極大的改善,如同下圖所示:
排版設(shè)置完全是一個(gè)常規(guī)技能,遵循簡(jiǎn)單的原則能讓文本的可讀性更好。但是這個(gè)技能所包含的規(guī)則相對(duì)簡(jiǎn)單可行,但是并不能覆蓋全部的排版需求,比如在移動(dòng)端閱讀,尤其是第三個(gè)技巧。但是他們依然非常有意義,因?yàn)樗鼈冋宫F(xiàn)了一些排版設(shè)計(jì)用戶體驗(yàn)的基本規(guī)則,你可以稍加調(diào)整,應(yīng)用于更加廣闊的領(lǐng)域。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 排版知識(shí)
- 設(shè)計(jì)技巧
- 排版技巧
- 陳子木
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- Photoshop初級(jí)教程-命令的技巧
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示