細(xì)節(jié)決定成??!文章排版設(shè)計(jì)的3個(gè)小技巧
細(xì)節(jié)決定成??!文章排版設(shè)計(jì)的3個(gè)小技巧
如果你想讓你的排版擁有更令人愉悅的閱讀體驗(yàn),其實(shí)只需要有針對(duì)性地對(duì)三個(gè)方面進(jìn)行調(diào)整就可以了。這些技巧不僅可以運(yùn)用于設(shè)計(jì)領(lǐng)域,哪怕你用在文本文檔排版上都能收到奇效!
技巧1——?jiǎng)?chuàng)造排版的層次感,讓頁面結(jié)構(gòu)更加清晰。排版的層次感通常指的是頁面中文本排列構(gòu)建出的視覺層次。
頁面中所有字體尺寸應(yīng)該是基于正文字體來進(jìn)行選擇,因?yàn)檎氖怯脩粼诿總€(gè)頁面中閱讀最多的部分。如果基于正文來選取其他部分的字體大小呢?下面有一些基本的規(guī)則:
·1、正文字體:調(diào)整字體大小,知道感覺看起來非常舒服為止。對(duì)于這篇文章,我們將字體尺寸調(diào)整為22pt。
·2、標(biāo)題字體:通常將正文字體放大到180%~200%,在案例中,字體尺寸應(yīng)為40pt~44pt。
·3、副標(biāo)題字體:副標(biāo)題字體通常為正文字體的130%~150%,也就是說,這篇文章的副標(biāo)題尺寸應(yīng)為29pt~33pt。
技巧2——控制縱向間距,使排版更易讀。通過調(diào)整行間距和段間距,讓用戶更容易掃讀文字。段間距讓用戶能夠更好地識(shí)別內(nèi)容塊和意群,行間距控制好則可以讓大腦更輕松識(shí)別文字內(nèi)容——這也符合我們的閱讀習(xí)慣。
技巧3——調(diào)整每行文本,確保閱讀體驗(yàn)。調(diào)整每行文本的長(zhǎng)度,讓用戶更好地閱讀。太長(zhǎng)的行難以閱讀,太短的話單獨(dú)每行倒是容易閱讀,但是需要視線頻繁地左右掃視。英文文本每行理想的字符數(shù)是65~75,作為閱讀的參考標(biāo)準(zhǔn),應(yīng)該以正文的行寬來作為參考,而不是標(biāo)題和副標(biāo)題的長(zhǎng)度。
排版設(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)域。微信公眾號(hào)的文章排版也可以借鑒上面的小技巧稍加調(diào)整就能運(yùn)用,因?yàn)橛行┰O(shè)計(jì)排版原則是普遍適用的。
立即登錄
- 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
- 【135早資訊】:特斯拉上海超級(jí)工廠第100萬輛整車下線;?微信聊天對(duì)話框支持放大編輯
- 【135早資訊】:北京發(fā)布國內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專項(xiàng)支持政策;元宇宙招聘潮開啟
- 【135早資訊】:平安銀行零售條線降薪;蔚來李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞