譯者序：直接撈干的來了！

提升文本可讀性的關(guān)鍵之一，就是讓每行文本承載合適的字?jǐn)?shù)。這不僅僅是設(shè)計(jì)一下文本寬度的問題，它也應(yīng)該是一個(gè)易讀性的問題。

文本最佳長(zhǎng)度是每行承載50-60字符，包括空格（“Typographie”， E. Ruder）。也有其他資料建議不超過75字/行也可以接受。但你一定會(huì)問，不按這樣的標(biāo)準(zhǔn)做又會(huì)怎樣？

太長(zhǎng)－如果一行里文字太多，用戶眼球很難長(zhǎng)時(shí)間聚焦文本。因?yàn)槲谋鹃L(zhǎng)度過長(zhǎng)會(huì)讓人很難注意到段落的起點(diǎn)和終點(diǎn)。此外，對(duì)于這么大塊文本來說，也很難對(duì)當(dāng)前行進(jìn)行繼續(xù)閱讀。（譯者注：稍一走神兒，就找不到讀到哪了。都有過這樣的經(jīng)歷吧？）

太短－如果一行里文字太少，眼睛要不停的來回掃視，破壞了閱讀節(jié)奏。同時(shí)，每行文本太短也樣會(huì)讓人覺得緊張，這行沒看完就跳到下一行去了（很可能一些重要的詞會(huì)被跳過）。

原本跳到下一行文字時(shí)，潛意識(shí)里是會(huì)那么有點(diǎn)小亢奮（只要?jiǎng)e太頻繁，原因見上面兩點(diǎn)）。因此在每一行的開頭，讀者的精力都很集中，但這種專注會(huì)逐漸消褪，可能還沒等把這行看完（“Typographie”， E. Ruder）。

為了避免文本過長(zhǎng)或過短所帶來的弊端，同時(shí)又能持續(xù)的激勵(lì)讀者，我們建議把每行承載的文本量控制在5-75個(gè)字符（譯者注：中文建議35-45個(gè)漢字，14px）。

網(wǎng)頁設(shè)計(jì)中如何獲得最佳長(zhǎng)度

在網(wǎng)頁設(shè)計(jì)中，可以使用em或px（像素）來實(shí)現(xiàn)每行字符的最佳數(shù)目（使用em可以獲得很好的效果，但操作起來比px略顯復(fù)雜）。其實(shí)無論選擇哪一種，要獲得最佳效果，都需要為你的讀者設(shè)置一個(gè)固定寬度。

這也是我們?yōu)槭裁床煌扑]使用“流式”布局的原因之一：實(shí)際上你在強(qiáng)制用戶通過改變?yōu)g覽器窗口，來獲得更好的閱讀體驗(yàn)。當(dāng)想到時(shí)下顯示器屏幕有這么多不同的分辨率，很明顯，“流式”布局會(huì)讓文本行變得要么寬，要么窄。

正如大家看到的，在baymard.com站上，我們使用了17px的Arial來呈現(xiàn)文字。文章容器寬度為504px，每一行大概65個(gè)字符。在你的頁面中，每行顯示多少個(gè)字符？50-75個(gè)？如果你想讓你的讀者擁有更好的閱讀體驗(yàn)，就該這么做。

擴(kuò)展閱讀

Better Web Readability Project ：http://code.google.com/p/better-web-readability-project/

爭(zhēng)論 iPad（上）：行寬與閱讀 http://www.typeisbeautiful.com/2010/05/2537

本文編譯自：UCD翻譯小組，波希米亞，原文地址。

譯文出處： Christian Holst，轉(zhuǎn)載請(qǐng)保留出處鏈接。

標(biāo)簽：  啥列

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。