歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)頁(yè)設計中的文字長(cháng)度的控制

作者:佚名      發(fā)布時(shí)間:2011-12-27      瀏覽:2176

62.9K


提升網(wǎng)頁(yè)文字可讀性的關(guān)鍵之一,就是讓每行文字承載合適的字數。這不僅僅是設計一下文字寬度的問(wèn)題,它也應該是一個(gè)易讀性的問(wèn)題。

文字最佳長(cháng)度是每行承載50-60字符,包括空格。也有其他資料建議不超過(guò)75/行也可以接受。但你一定會(huì )問(wèn),不按這樣的標準做又會(huì )怎樣?

太長(cháng)-如果一行里文字太多,用戶(hù)眼球很難長(cháng)時(shí)間聚焦文本。因為文本長(cháng)度過(guò)長(cháng)會(huì )讓人很難注意到段落的起點(diǎn)和終點(diǎn)。此外,對于這么大塊文本來(lái)說(shuō),也很難對當前行進(jìn)行繼續閱讀。

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

原本跳到下一行文字時(shí),潛意識里是會(huì )那么有點(diǎn)小亢奮(只要別太頻繁,原因見(jiàn)上面兩點(diǎn))。因此在每一行的開(kāi)頭,讀者的精力都很集中,但這種專(zhuān)注會(huì )逐漸消褪,可能還沒(méi)等把這行看完。

為了避免文本過(guò)長(cháng)或過(guò)短所帶來(lái)的弊端,同時(shí)又能持續的激勵讀者,我們建議把每行承載的文本量控制在5-75個(gè)字符(中文建議35-45個(gè)漢字,14px)。

網(wǎng)頁(yè)設計中如何控制最佳長(cháng)度

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

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

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

寶雞世紀網(wǎng)絡(luò )



0