以下內(nèi)容就是由寶雞網(wǎng)站建設(shè)、寶雞網(wǎng)絡(luò)公司、寶雞世紀(jì)網(wǎng)絡(luò)為您編輯整理。

提高文字閱讀體驗(yàn)，5點(diǎn)基本原則必不可少：

1、長(zhǎng)文本使用標(biāo)準(zhǔn)字號(hào)

你現(xiàn)在正在閱讀的文字的字號(hào)并不大，是你瀏覽器的默認(rèn)顯示大小，是瀏覽器本來(lái)應(yīng)該顯示的大小。

我不想點(diǎn)擊“放大”、“縮小”按鈕，也不想更改瀏覽器的設(shè)置。我想馬上就開(kāi)始閱讀，我希望你能適應(yīng)我的設(shè)置，而不是反過(guò)來(lái)讓我更改設(shè)置來(lái)適應(yīng)你。

剛開(kāi)始的時(shí)候，要用大字號(hào)來(lái)設(shè)計(jì)出一個(gè)好的布局會(huì)相對(duì)困難一些，但是這樣會(huì)幫助你設(shè)計(jì)出一個(gè)更簡(jiǎn)單、更清爽的頁(yè)面。把一個(gè)網(wǎng)站塞滿各種信息并不難，但是讓她簡(jiǎn)單而易用卻不那么簡(jiǎn)單。起初，你會(huì)不適應(yīng)這些大字號(hào)，但是一天之后，你就不會(huì)再想在正文中看到任何小于100%顯示的文字內(nèi)容了。剛開(kāi)始你會(huì)覺(jué)得這些文字看起來(lái)很大，但是一旦你體驗(yàn)過(guò)之后，你就會(huì)很快意識(shí)到，為什么所有瀏覽器的設(shè)計(jì)師都選擇這個(gè)大小來(lái)作為文字的默認(rèn)顯示大小。

2、主動(dòng)留白

讓你的文字有足夠的空間進(jìn)行呼吸。使用留白不是設(shè)計(jì)師的既定問(wèn)題，也與品位無(wú)關(guān)。

“文字段落的寬度必須與其所使用的字號(hào)相適應(yīng)。過(guò)大的行寬會(huì)使人不易閱讀，并且會(huì)產(chǎn)生負(fù)面的心理效應(yīng)。過(guò)小的行寬會(huì)也中斷閱讀的流暢性，迫使讀者頻繁地?fù)Q行?！?/SPAN>

在文本周?chē)舫鲎銐虻目臻g可以減少閱讀時(shí)的壓迫感，因?yàn)檫@樣讀者更容易將焦點(diǎn)集中在內(nèi)容本身。你無(wú)需填滿整個(gè)窗口。留白看上去更好并不是什么副作用，而是功能設(shè)計(jì)的必然結(jié)果。誰(shuí)說(shuō)頁(yè)面需要填滿各種內(nèi)容的呢？

曾有人說(shuō)：“行寬并不是設(shè)計(jì)或格式中唯一重要的，易讀性的問(wèn)題具有同樣的重要性?！?/SPAN>

所以，請(qǐng)確保行寬不要過(guò)長(zhǎng)。你可以在左右兩端留出一些空白，便于眼睛在閱讀時(shí)進(jìn)行換行。我既不想要調(diào)整字號(hào)大小也不想調(diào)整窗口大小。當(dāng)我打開(kāi)一個(gè)頁(yè)面的時(shí)候，我就只是想進(jìn)行閱讀。自適應(yīng)寬度的文字很好，但是橫跨整個(gè)屏幕一眼望不到邊的文字卻很糟糕。

3、友好的行高

閱讀專家說(shuō)：

“過(guò)小的行高設(shè)定會(huì)降低閱讀速度，因?yàn)檠劬?huì)同時(shí)注意上下兩行，而無(wú)法集中精神閱讀當(dāng)前那行的內(nèi)容。讀者把精力花在錯(cuò)誤的地方，并且更容易感到疲倦。對(duì)于行高過(guò)大的情

況也是如此。”

HTML的默認(rèn)行高過(guò)小。如果你增加一些行高，文字會(huì)更具易讀性。140%標(biāo)準(zhǔn)行高是一個(gè)不錯(cuò)的標(biāo)準(zhǔn)。

4、鮮明的色彩對(duì)比

這一點(diǎn)我覺(jué)得沒(méi)必要多做贅述了。但是如果你覺(jué)得自己可以避免下列情況的話，那么你就不是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，而只是一個(gè)有態(tài)度的設(shè)計(jì)師。

淺灰色的文字放在更淺的灰色的背景上

銀色的文字放在白色的背景上

灰色的文字放在黃色的背景上

黃色的文字放在紅色的背景上

綠色的文字放在紅色的背景上

…

如果你認(rèn)為你還是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，那么你必須意識(shí)到，沒(méi)有人會(huì)理解甚至看清楚你所表達(dá)的內(nèi)容。別在做這種沒(méi)有sense的事了，我們也想看看你到底想表達(dá)什么。注意：對(duì)于要在屏幕上顯示的設(shè)計(jì)來(lái)說(shuō)，過(guò)于強(qiáng)烈的對(duì)比（純黑純白）也不合適，因?yàn)檫@樣看上去會(huì)使人感到文字在閃爍。一個(gè)建議的標(biāo)準(zhǔn)是：背景顏色#fff，文字顏色#333。

5、別把文字做成圖片

在進(jìn)行閱讀的時(shí)候，我希望能夠搜索、復(fù)制和保存文字，并使用光標(biāo)來(lái)進(jìn)行標(biāo)記。把文字做成圖片看起來(lái)很美觀，但是美觀并不是網(wǎng)頁(yè)所要的全部。網(wǎng)頁(yè)是用來(lái)進(jìn)行交流和信息傳達(dá)的，而信息需要具有良好的可讀性、可用性、可伸縮性，方便進(jìn)行引用和分享。

如果你只有把文字做成圖片才能把網(wǎng)頁(yè)設(shè)計(jì)好的話，那我覺(jué)得你需要從頭開(kāi)始再學(xué)一遍網(wǎng)頁(yè)設(shè)計(jì)了。

我公司是在寶雞市工商局注冊(cè)的專業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，目前已承建寶雞地區(qū)近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設(shè)行業(yè)規(guī)模最大、客戶數(shù)量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò)公司。公司所有網(wǎng)站均獨(dú)立設(shè)計(jì)、均采用DIV+CSS布局、手工編寫(xiě)。另外，我們承諾:做網(wǎng)站均提供一年免費(fèi)技術(shù)維護(hù).我們一直全心全意的為客戶服務(wù)。