Readability: the Optimal Line Length
Baymard.com版權(quán)所有
作者:Christian Holst
譯者:UCD翻譯小組,波希米亞
譯者序:直接撈干的來了!
提升文本可讀性的關(guān)鍵之一,就是讓每行文本承載合適的字?jǐn)?shù)。這不僅僅是設(shè)計一下文本寬度的問題,它也應(yīng)該是一個易讀性的問題。
文本最佳長度是每行承載50-60字符,包括空格(“Typographie”, E. Ruder)。也有其他資料建議不超過75字/行也可以接受。但你一定會問,不按這樣的標(biāo)準(zhǔn)做又會怎樣?
太長-如果一行里文字太多,用戶眼球很難長時間聚焦文本。因為文本長度過長會讓人很難注意到段落的起點(diǎn)和終點(diǎn)。此外,對于這么大塊文本來說,也很難對當(dāng)前行進(jìn)行繼續(xù)閱讀。(譯者注:稍一走神兒,就找不到讀到哪了。都有過這樣的經(jīng)歷吧?) 太短-如果一行里文字太少,眼睛要不停的來回掃視,破壞了閱讀節(jié)奏。同時,每行文本太短也樣會讓人覺得緊張,這行沒看完就跳到下一行去了(很可能一些重要的詞會被跳過)。 原本跳到下一行文字時,潛意識里是會那么有點(diǎn)小亢奮(只要別太頻繁,原因見上面兩點(diǎn))。因此在每一行的開頭,讀者的精力都很集中,但這種專注會逐漸消褪,可能還沒等把這行看完(“Typographie”, E. Ruder)。
為了避免文本過長或過短所帶來的弊端,同時又能持續(xù)的激勵讀者,我們建議把每行承載的文本量控制在5-75個字符(譯者注:中文建議35-45個漢字,14px)。
網(wǎng)頁設(shè)計中如何獲得最佳長度
在網(wǎng)頁設(shè)計中,可以使用em或px(像素)來實(shí)現(xiàn)每行字符的最佳數(shù)目(使用em可以獲得很好的效果,但操作起來比px略顯復(fù)雜)。其實(shí)無論選擇哪一種,要獲得最佳效果,都需要為你的讀者設(shè)置一個固定寬度。
這也是我們?yōu)槭裁床煌扑]使用“流式”布局的原因之一:實(shí)際上你在強(qiáng)制用戶通過改變?yōu)g覽器窗口,來獲得更好的閱讀體驗。當(dāng)想到時下顯示器屏幕有這么多不同的分辨率,很明顯,“流式”布局會讓文本行變得要么寬,要么窄。
正如大家看到的,在baymard.com站上,我們使用了17px的Arial來呈現(xiàn)文字。文章容器寬度為504px,每一行大概65個字符。
在你的頁面中,每行顯示多少個字符?50-75個?如果你想讓你的讀者擁有更好的閱讀體驗,就該這么做。
專注:蚌埠網(wǎng)站建設(shè)-致力成為蚌埠網(wǎng)絡(luò)公司首選企業(yè)!蚌埠網(wǎng)站制作、蚌埠做網(wǎng)站?當(dāng)然華迅網(wǎng)絡(luò)!
|