網(wǎng)頁(yè)設(shè)計(jì)之如何獲得文本良好長(zhǎng)度
2022-05-27 分類： 網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)文本長(zhǎng)度的定義
文本長(zhǎng)充可以晉升文本可讀性的樞紐之一，就是讓每行文本承載合適的字?jǐn)?shù)。
文本良好長(zhǎng)度是每行承載50-60字符，包括空格（“Typographie”, E. Ruder）。也有其它的一些資料建議不超過(guò)75字/行也可以接受。但你一定會(huì)問(wèn)，不按這樣的尺度做結(jié)果會(huì)怎么樣？
太長(zhǎng)－假如一行里文字太多，用戶眼球很難長(zhǎng)時(shí)間聚焦文本。由于文本長(zhǎng)渡過(guò)長(zhǎng)會(huì)讓人很難留意到段落的出發(fā)點(diǎn)和終點(diǎn)。此外，對(duì)于這么大塊文本來(lái)說(shuō)，也很難對(duì)當(dāng)前行進(jìn)行繼承閱讀。（譯者注：稍一走神兒，就找不到讀到哪了。都有過(guò)這樣的經(jīng)歷吧？） 太短－假如一行里文字太少，眼睛要不停的往返掃視，破壞了閱讀節(jié)奏。同時(shí)，每行文本太短也樣會(huì)讓人覺(jué)得緊張，這行沒(méi)看完就跳到下一行去了（很可能一些重要的詞會(huì)被跳過(guò)）。 原本跳到下一行文字時(shí)，潛意識(shí)里是會(huì)那么有點(diǎn)小亢奮（只要?jiǎng)e太頻繁，原因見上面兩點(diǎn)）。因此在每一行的開頭，讀者的精力都很集中，但這種專注會(huì)逐漸消褪，可能還沒(méi)等把這行看完（“Typographie”, E. Ruder）。
為了避免文本過(guò)長(zhǎng)或過(guò)短所帶來(lái)的弊端，同時(shí)又能持續(xù)的激勵(lì)讀者，東莞網(wǎng)站建設(shè)創(chuàng)新互聯(lián)建議把每行承載外貿(mào)網(wǎng)站設(shè)計(jì)的文本量控制在5-75個(gè)字符。
網(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í)在不管選擇哪一種，要獲得手機(jī)網(wǎng)站設(shè)計(jì)良好效果，都需要為你的讀者設(shè)置一個(gè)固定寬度。
這也是我們?yōu)槭裁床煌扑]使用“流式”布局的原因之一：實(shí)際上你在強(qiáng)制用戶通過(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)，就該這么做。
網(wǎng)頁(yè)名稱：網(wǎng)頁(yè)設(shè)計(jì)之如何獲得文本良好長(zhǎng)度
網(wǎng)址分享：http://chinadenli.net/news42/159442.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、電子商務(wù)、域名注冊(cè)、商城網(wǎng)站、企業(yè)建站、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)絡(luò)全案營(yíng)銷實(shí)戰(zhàn)技巧簡(jiǎn)析 2022-05-27
- 為用戶創(chuàng)建省時(shí)網(wǎng)站設(shè)計(jì)的7個(gè)提示 2022-05-26
- 提升企業(yè)網(wǎng)站整體設(shè)計(jì)感的四大要素 2022-05-26
- 構(gòu)圖之美——好的專題都是怎么構(gòu)圖的？ 2022-05-26
- 錨文本的分類，網(wǎng)站優(yōu)化錨文本的作用 2022-05-26
- 利用論壇進(jìn)行網(wǎng)站優(yōu)化——深圳網(wǎng)站優(yōu)化 2022-05-26
- 網(wǎng)站訪問(wèn)量不上的原因，網(wǎng)站訪問(wèn)量上不去的因素 2022-05-27
- [移動(dòng)DSP廣告投放新技能]實(shí)時(shí)信息定向 2022-05-27
- 大屏智能手機(jī)設(shè)計(jì)要點(diǎn) 2022-05-26
- 網(wǎng)站推廣企業(yè)腳踏實(shí)地謀發(fā)展，才可占一席之地 2022-05-26
- 內(nèi)部?jī)?yōu)化的一些細(xì)節(jié),網(wǎng)站內(nèi)部?jī)?yōu)化關(guān)鍵的優(yōu)化方案 2022-05-26
- 成都網(wǎng)絡(luò)公司怎么得到客戶的認(rèn)可 2022-05-26
- 品牌文案怎么寫 2022-05-26
- 如何把SEO標(biāo)題達(dá)到最佳的優(yōu)化效果 2022-05-26
- 超有料！給網(wǎng)頁(yè)設(shè)計(jì)新手的10條實(shí)用法則 2022-05-26
- 大型網(wǎng)站的優(yōu)化思路都包括哪些？ 2022-05-26
- 成都軟件公司怎么讓軟件功能與投入成正比 2022-05-26
- APP運(yùn)營(yíng)具體指標(biāo)是什么？ 2022-05-26
- SEO優(yōu)化原創(chuàng)文章本質(zhì)就講述專業(yè)知識(shí)的過(guò)程 2022-05-26