下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 排版知識,三個提升閱讀體驗的排版小技巧

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

          時間:2024-03-07 19:31作者:下載吧人氣:32

          如果你想讓你的排版擁有更令人愉悅的閱讀體驗,其實只需要有針對性地對三個方面進行調(diào)整就可以了。這些技巧不僅可以運用于設計領(lǐng)域,哪怕你用在文本文檔排版上都能收到奇效!

          當然,這些方法可能名字看起來稍顯復雜,但是理解和使用非常方便。

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

          出于演示的目的,我選擇了一個無樣式的頁面,它來自Anthony Burgess 的 A Clockwork Orange。

          重要提示:每一種英文字體都是不同的,如果你感覺不對勁,最好重新選擇一種字體來匹配,中文也是一樣的道理。最重要的是,你得為讀者創(chuàng)造舒適的閱讀體驗。

          技巧1——創(chuàng)造排版的層次感,讓頁面結(jié)構(gòu)更加清晰

          排版的層次感通常指的是頁面中文本排列構(gòu)建出的視覺層次。

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

          腦補一下你看過的那些圖書。書中,主標題(章節(jié)標題)看起來比副標題(子標題)更重要,而主標題和副標題明顯比正文部分更顯眼。當你在制作Word 文檔的時候,多數(shù)時候也遵循著相同的原理。

          頁面中所有字體尺寸應該是基于正文字體來進行選擇,因為正文是用戶在每個頁面中閱讀最多的部分。如果基于正文來選取其他部分的字體大小呢?下面有一些基本的規(guī)則:

          ·1、正文字體:調(diào)整字體大小,知道感覺看起來非常舒服為止。對于這篇文章,我們將字體尺寸調(diào)整為22pt。

          ·2、標題字體:通常將正文字體放大到180%~200%,在案例中,字體尺寸應為40pt~44pt。

          ·3、副標題字體:副標題字體通常為正文字體的130%~150%,也就是說,這篇文章的副標題尺寸應為29pt~33pt。

          按照這樣的方式調(diào)整之后,效果如下:

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

          補充思考

          下面的這些層級并不是文章的必須部分,但是有必要考慮:

          ·1、三級標題:通常是正文大小的100%~125%,案例中字體應為22pt~28pt

          ·2、注釋和小字體文本:正文字體的70%~75%,案例中應為15pt~17pt

          技巧2——控制縱向間距,使排版更易讀

          通過調(diào)整行間距和段間距,讓用戶更容易掃讀文字。段間距讓用戶能夠更好地識別內(nèi)容塊和意群,行間距控制好則可以讓大腦更輕松識別文字內(nèi)容——這也符合我們的閱讀習慣。

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

          段間距

          設置段間距非常簡單,但是它和連按兩次回車再起一段是兩回事。一般而言,段間距應該和正文字體行高相等,但是如果你連續(xù)按兩次回車,那么這個間隔的高度等于行高+行間隙x2。如果正文字體為16pt,么段間距最好是16pt或者1em。

          ·在設計應用和CSS的時候,將段落的margin-bottom屬性設置為16px或者1em

          ·在Word或者Pages文檔中,在“段落后”的值設置為正文尺寸的值即可

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

          行距

          行距應該控制在正文尺寸的120%~160%(兩行底部之間的距離),同時,文本字體越小,兩行之間的行間距應該越大,確保字與行呼吸的空間。

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

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

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

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

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

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

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

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

          AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789

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

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

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

          最終結(jié)果

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

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

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

          標簽陳子木,排版知識,ps基礎教程,排版技巧,閱讀體驗,設計小技

          相關(guān)下載

          查看所有評論+

          網(wǎng)友評論

          網(wǎng)友
          您的評論需要經(jīng)過審核才能顯示

          公眾號

          主站蜘蛛池模板: 蜜桃传媒一区二区亚洲AV| 色偷偷一区二区无码视频| 日韩精品中文字幕无码一区| 亚洲福利一区二区三区| 国产日韩高清一区二区三区 | 国产精品福利一区| 久久久久女教师免费一区| 亚洲AV一区二区三区四区| 久久国产免费一区| 上原亚衣一区二区在线观看| 日本免费一区二区三区最新| 无码人妻少妇色欲AV一区二区| 一本色道久久综合一区| 成人免费视频一区二区三区| 久久久久人妻精品一区| 亚洲人成人一区二区三区| 国产av一区二区精品久久凹凸| 亚洲中文字幕久久久一区| 精品国产乱码一区二区三区| 成人区精品人妻一区二区不卡| 精品乱码一区二区三区在线| 日本无卡码免费一区二区三区| 日本高清一区二区三区| 亚洲综合一区二区三区四区五区| 亚洲bt加勒比一区二区| 久久久久人妻一区精品色| 午夜影视日本亚洲欧洲精品一区| 亚洲国产精品无码久久一区二区| 精品亚洲一区二区三区在线观看 | 久久久综合亚洲色一区二区三区 | 亚洲国产美国国产综合一区二区 | 日韩精品一区二区三区大桥未久| 国产精品区AV一区二区| 亚洲Aⅴ无码一区二区二三区软件| 国产成人一区二区三区电影网站 | 久久精品视频一区| 日韩中文字幕一区| 国产成人精品无码一区二区老年人| 日韩精品人妻一区二区三区四区| 午夜视频一区二区三区| 日韩一区二区三区免费播放|