新聞動(dòng)態(tài)

將想法與焦點(diǎn)和您一起共享
當(dāng)前位置:首頁  >  新聞動(dòng)態(tài)

深圳網(wǎng)頁設(shè)計(jì)之如何獲得文本良好長(zhǎng)度

發(fā)表日期:2012-01-05 15:07:00       文章編輯:管理員       瀏覽次數(shù):

網(wǎng)站設(shè)計(jì)文本長(zhǎng)度的定義
文本長(zhǎng)充可以晉升文本可讀性的樞紐之一,就是讓每行文本承載合適的字?jǐn)?shù)。這不僅僅是網(wǎng)頁設(shè)計(jì)一下文本寬度的題目,更是一個(gè)輕易通讀的題目。
文本良好長(zhǎng)度是每行承載50-60字符,包括空格(“Typographie”, E. Ruder)。也有其它的一些資料建議不超過75字/行也可以接受。但你一定會(huì)問,不按這樣的尺度做結(jié)果會(huì)怎么樣?
太長(zhǎng)-假如一行里文字太多,用戶眼球很難長(zhǎng)時(shí)間聚焦文本。由于文本長(zhǎng)渡過長(zhǎng)會(huì)讓人很難留意到段落的出發(fā)點(diǎn)和終點(diǎn)。此外,對(duì)于這么大塊文本來說,也很難對(duì)當(dāng)前行進(jìn)行繼承閱讀。(譯者注:稍一走神兒,就找不到讀到哪了。都有過這樣的經(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ì)讀者,深圳網(wǎng)站建設(shè)易百訊建議把每行承載的文本量控制在5-75個(gè)字符。


網(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),就該這么做。


網(wǎng)站留言背景

準(zhǔn)備好開始了嗎,
那就與我們?nèi)〉寐?lián)系吧


您希望我們?yōu)槟峁┦裁捶?wù)呢

· · · · ·

您的預(yù)算