大多數網(wǎng)站都擠滿(mǎn)了小號的文字，使人閱讀起來(lái)感到很痛苦。產(chǎn)生這個(gè)問(wèn)題的原因是什么呢？如果我們稍作思考就會(huì )發(fā)現，沒(méi)有理由將如此多的信息都硬塞進(jìn)一個(gè)小小的屏幕當中。其實(shí)，這只是一個(gè)歷史遺留問(wèn)題，因為過(guò)去的時(shí)候屏幕真的是很小。 屏幕 VS. 雜志：100%并不大（來(lái)自Wilson Miner）

    所以…
    不要讓我去調節字體大小
    我可不想每次訪(fǎng)問(wèn)一個(gè)網(wǎng)站的時(shí)候都要去更改我的瀏覽器設置！
    不要告訴我繁雜的頁(yè)面看上去更好
    擁擠的頁(yè)面看上去一點(diǎn)也不好，反而會(huì )令人很不爽。向頁(yè)面中填塞各種內容對于可用性來(lái)說(shuō)沒(méi)有任何幫助。這種把各種信息都丟給我的做法，我只能理解成你太懶了。我希望你可以思考和預先篩選一下重要的信息進(jìn)行呈現，而不是讓我來(lái)做。
    不要告訴我滾動(dòng)很糟糕
    因為如果這樣，那么所有的網(wǎng)站都很糟糕。滾動(dòng)并沒(méi)有錯，一點(diǎn)也沒(méi)錯。滾動(dòng)就像是看書(shū)的時(shí)候翻書(shū)一樣自然，并沒(méi)有錯誤。
    不要告訴我文字不重要
    網(wǎng)頁(yè)設計中，95%的內容通常都是在關(guān)注排版（typography）。
    不要讓我戴上眼鏡
    相反的，不要再趴在屏幕上了！歇一歇靠一靠，換一種輕松的姿勢繼續閱讀吧！
    五條簡(jiǎn)單的規則

    1. 長(cháng)文本使用標準字號
　　你現在正在閱讀的文字的字號并不大，是你瀏覽器的默認顯示大小，是瀏覽器本來(lái)應該顯示的大小。
　　我不想點(diǎn)擊“放大”、“縮小”按鈕，也不想更改瀏覽器的設置。我想馬上就開(kāi)始閱讀，我希望你能適應我的設置，而不是反過(guò)來(lái)讓我更改設置來(lái)適應你。
　　剛開(kāi)始的時(shí)候，要用大字號來(lái)設計出一個(gè)好的布局會(huì )相對困難一些，但是這樣會(huì )幫助你設計出一個(gè)更簡(jiǎn)單、更清爽的頁(yè)面。把一個(gè)網(wǎng)站塞滿(mǎn)各種信息并不難，但是讓她簡(jiǎn)單而易用卻不那么簡(jiǎn)單。起初，你會(huì )不適應這些大字號，但是一天之后，你就不會(huì )再想在正文中看到任何小于100%顯示的文字內容了。剛開(kāi)始你會(huì )覺(jué)得這些文字看起來(lái)很大，但是一旦你體驗過(guò)之后，你就會(huì )很快意識到，為什么所有瀏覽器的設計師都選擇這個(gè)大小來(lái)作為文字的默認顯示大小。

    2. 主動(dòng)留白
　　 讓你的文字有足夠的空間進(jìn)行呼吸。使用留白不是設計師的既定問(wèn)題，也與品位無(wú)關(guān)。
　　“文字段落的寬度必須與其所使用的字號相適應。過(guò)大的行寬會(huì )使人不易閱讀，并且會(huì )產(chǎn)生負面的心理效應。過(guò)小的行寬會(huì )也中斷閱讀的流暢性，迫使讀者頻繁地換行。”
　　Josef Muller-Brockman, 網(wǎng)格系統
　　在文本周?chē)舫鲎銐虻目臻g可以減少閱讀時(shí)的壓迫感，因為這樣讀者更容易將焦點(diǎn)集中在內容本身。你無(wú)需填滿(mǎn)整個(gè)窗口。留白看上去更好并不是什么副作用，而是功能設計的必然結果。誰(shuí)說(shuō)頁(yè)面需要填滿(mǎn)各種內容的呢？
　　 Muller-Brockmann說(shuō)：“行寬并不是設計或格式中唯一重要的，易讀性的問(wèn)題具有同樣的重要性。”
　　所以，請確保行寬不要過(guò)長(cháng)。你可以在左右兩端留出一些空白，便于眼睛在閱讀時(shí)進(jìn)行換行。我既不想要調整字號大小也不想調整窗口大小。當我打開(kāi)一個(gè)頁(yè)面的時(shí)候，我就只是想進(jìn)行閱讀。自適應寬度的文字很好，但是橫跨整個(gè)屏幕一眼望不到邊的文字卻很糟糕。
　　可用性專(zhuān)家Nielsen最近為他的文章增加了留白區域和最大寬度的設定（下左圖）。要是能再增加一些行距，那就完美了。 Good Nielsen – Bad Nielsen
　　基本準則是：每行10-15個(gè)單詞（譯者注：此處準則針對英文）。對于流動(dòng)布局來(lái)說(shuō)，當100%字號大小時(shí)，行寬為窗口大小的50%，在大多數分辨率下這是一個(gè)比較好的標準。

    3. 友好的行高
    閱讀專(zhuān)家說(shuō)：
    “過(guò)小的行高設定會(huì )降低閱讀速度，因為眼睛會(huì )同時(shí)注意上下兩行，而無(wú)法集中精神閱讀當前那行的內容。讀者把精力花在錯誤的地方，并且更容易感到疲倦。對于行高過(guò)大的情況也是如此。”
    HTML的默認行高過(guò)小。如果你增加一些行高，文字會(huì )更具易讀性。140%標準行高是一個(gè)不錯的標準。
    4. 鮮明的色彩對比
    這一點(diǎn)我覺(jué)得沒(méi)必要多做贅述了。但是如果你覺(jué)得自己可以避免下列情況的話(huà)，那么你就不是一個(gè)網(wǎng)頁(yè)設計師，而只是一個(gè)有態(tài)度的設計師?！?br />
    淺灰色的文字放在更淺的灰色的背景上
    銀色的文字放在白色的背景上
    灰色的文字放在黃色的背景上
    黃色的文字放在紅色的背景上
    綠色的文字放在紅色的背景上
    ……

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

    5. 別把文字做成圖片
　　 在進(jìn)行閱讀的時(shí)候，我希望能夠搜索、復制和保存文字，并使用光標來(lái)進(jìn)行標記。把文字做成圖片看起來(lái)很美觀(guān)，但是美觀(guān)并不是網(wǎng)頁(yè)所要的全部。網(wǎng)頁(yè)是用來(lái)進(jìn)行交流和信息傳達的，而信息需要具有良好的可讀性、可用性、可伸縮性，方便進(jìn)行引用和分享。
　　如果你只有把文字做成圖片才能把網(wǎng)頁(yè)設計好的話(huà)，那我覺(jué)得你需要從頭開(kāi)始再學(xué)一遍網(wǎng)頁(yè)設計了。