蚌埠網(wǎng)絡(luò)公司電話(huà):0552-3711772 15255232273
工作機(jī)會(huì) | 售后服務(wù) | 網(wǎng)站地圖 | TAG標(biāo)簽
網(wǎng)站首頁(yè) 關(guān)于華迅 新聞動(dòng)態(tài) 網(wǎng)站建設(shè) 服務(wù)項(xiàng)目 案例展示 合作流程 聯(lián)系我們
專(zhuān)注:蚌埠網(wǎng)站建設(shè)-致力成為蚌埠網(wǎng)絡(luò)公司首選企業(yè)!蚌埠網(wǎng)站制作、蚌埠做網(wǎng)站?當(dāng)然華迅網(wǎng)絡(luò)!
您當(dāng)前的位置 > 主頁(yè) > 新聞動(dòng)態(tài) > 技術(shù)文章 > 正文 文化傳承源動(dòng)力、市場(chǎng)傳播影響力、品牌傳遞思想力
技術(shù)文章
可讀性:優(yōu)化文本長(zhǎng)度
時(shí)間:2013-08-14 09:41   作者:admin   點(diǎn)擊:
核心提示:Readability: the Optimal Line Length Baymard.com版權(quán)所有 作者:Christian Holst 譯者:UCD翻譯小組,波希米亞 譯者序:直接撈干的來(lái)了! 提升文本可讀性的關(guān)鍵之一,就是讓每行文本承載合適的字?jǐn)?shù)。這不僅僅是設(shè)計(jì)一下文本寬度的問(wèn)題,它也應(yīng)該是一個(gè)易

Readability: the Optimal Line Length
Baymard.com版權(quán)所有
作者:Christian Holst
譯者:UCD翻譯小組,波希米亞

譯者序:直接撈干的來(lái)了!

提升文本可讀性的關(guān)鍵之一,就是讓每行文本承載合適的字?jǐn)?shù)。這不僅僅是設(shè)計(jì)一下文本寬度的問(wèn)題,它也應(yīng)該是一個(gè)易讀性的問(wèn)題。
文本最佳長(zhǎng)度是每行承載50-60字符,包括空格(“Typographie”, E. Ruder)。也有其他資料建議不超過(guò)75字/行也可以接受。但你一定會(huì)問(wèn),不按這樣的標(biāo)準(zhǔn)做又會(huì)怎樣?
太長(zhǎng)-如果一行里文字太多,用戶(hù)眼球很難長(zhǎng)時(shí)間聚焦文本。因?yàn)槲谋鹃L(zhǎng)度過(guò)長(zhǎng)會(huì)讓人很難注意到段落的起點(diǎn)和終點(diǎn)。此外,對(duì)于這么大塊文本來(lái)說(shuō),也很難對(duì)當(dāng)前行進(jìn)行繼續(xù)閱讀。(譯者注:稍一走神兒,就找不到讀到哪了。都有過(guò)這樣的經(jīng)歷吧?) 太短-如果一行里文字太少,眼睛要不停的來(lái)回掃視,破壞了閱讀節(jié)奏。同時(shí),每行文本太短也樣會(huì)讓人覺(jué)得緊張,這行沒(méi)看完就跳到下一行去了(很可能一些重要的詞會(huì)被跳過(guò))。 原本跳到下一行文字時(shí),潛意識(shí)里是會(huì)那么有點(diǎn)小亢奮(只要?jiǎng)e太頻繁,原因見(jiàn)上面兩點(diǎn))。因此在每一行的開(kāi)頭,讀者的精力都很集中,但這種專(zhuān)注會(huì)逐漸消褪,可能還沒(méi)等把這行看完(“Typographie”, E. Ruder)。
為了避免文本過(guò)長(zhǎng)或過(guò)短所帶來(lái)的弊端,同時(shí)又能持續(xù)的激勵(lì)讀者,我們建議把每行承載的文本量控制在5-75個(gè)字符(譯者注:中文建議35-45個(gè)漢字,14px)。

網(wǎng)頁(yè)設(shè)計(jì)中如何獲得最佳長(zhǎng)度
在網(wǎng)頁(yè)設(shè)計(jì)中,可以使用em或px(像素)來(lái)實(shí)現(xiàn)每行字符的最佳數(shù)目(使用em可以獲得很好的效果,但操作起來(lái)比px略顯復(fù)雜)。其實(shí)無(wú)論選擇哪一種,要獲得最佳效果,都需要為你的讀者設(shè)置一個(gè)固定寬度。
這也是我們?yōu)槭裁床煌扑]使用“流式”布局的原因之一:實(shí)際上你在強(qiáng)制用戶(hù)通過(guò)改變?yōu)g覽器窗口,來(lái)獲得更好的閱讀體驗(yàn)。當(dāng)想到時(shí)下顯示器屏幕有這么多不同的分辨率,很明顯,“流式”布局會(huì)讓文本行變得要么寬,要么窄。
正如大家看到的,在baymard.com站上,我們使用了17px的Arial來(lái)呈現(xiàn)文字。文章容器寬度為504px,每一行大概65個(gè)字符。
在你的頁(yè)面中,每行顯示多少個(gè)字符?50-75個(gè)?如果你想讓你的讀者擁有更好的閱讀體驗(yàn),就該這么做。

 

專(zhuān)注:蚌埠網(wǎng)站建設(shè)-致力成為蚌埠網(wǎng)絡(luò)公司首選企業(yè)!蚌埠網(wǎng)站制作蚌埠做網(wǎng)站?當(dāng)然華迅網(wǎng)絡(luò)!

分享到:
公司動(dòng)態(tài)
行業(yè)資訊
社會(huì)動(dòng)態(tài)
技術(shù)文章
 
COPYRIGHT 2011-2015 www.mx4d.cn 華迅網(wǎng)絡(luò)出品(蚌埠全搜索項(xiàng)目網(wǎng)站). All rights reserved. | Email :119868485@qq.com
專(zhuān)業(yè)提供網(wǎng)頁(yè)設(shè)計(jì)及其他相關(guān)服務(wù),形象決定一切 | 咨詢(xún)熱線:0552-3711772 15255232273 | 皖I(lǐng)CP備12013552-2號(hào)
關(guān)鍵詞:
 蚌埠網(wǎng)站建設(shè) 蚌埠網(wǎng)站制作 蚌埠網(wǎng)站改版 蚌埠網(wǎng)站策劃 蚌埠網(wǎng)站推廣
收縮
  • 電話(huà)咨詢(xún)

  • 15255232273