譯者：前兩天看到一篇文章，覺得挺不錯(cuò)的，就簡(jiǎn)單翻譯一下分享給大家。

　　大多數(shù)網(wǎng)站設(shè)計(jì)都擠滿了小號(hào)的文字，使人閱讀起來感到很痛苦。產(chǎn)生這個(gè)問題的原因是什么呢?如果我們稍作思考就會(huì)發(fā)現(xiàn)，沒有理由將如此多的信息都硬塞進(jìn)一個(gè)小小的屏幕當(dāng)中。其實(shí)，這只是一個(gè)歷史遺留問題，因?yàn)檫^去的時(shí)候屏幕真的是很小。

　　屏幕 VS. 雜志：100%并不大(來自Wilson Miner)

　　所以…

不要讓我去調(diào)節(jié)字體大小

　　我可不想每次訪問一個(gè)網(wǎng)站的時(shí)候都要去更改我的瀏覽器設(shè)置!

不要告訴我繁雜的頁面看上去更好

　　擁擠的頁面看上去一點(diǎn)也不好，反而會(huì)令人很不爽。向頁面中填塞各種內(nèi)容對(duì)于可用性來說沒有任何幫助。這種把各種信息都丟給我的做法，我只能理解成你太懶了。我希望你可以思考和預(yù)先篩選一下重要的信息進(jìn)行呈現(xiàn)，而不是讓我來做。

不要告訴我滾動(dòng)很糟糕

　　因?yàn)槿绻@樣，那么所有的網(wǎng)站建設(shè)都很糟糕。滾動(dòng)并沒有錯(cuò)，一點(diǎn)也沒錯(cuò)。滾動(dòng)就像是看書的時(shí)候翻書一樣自然，并沒有錯(cuò)誤。

不要告訴我文字不重要

　　網(wǎng)頁設(shè)計(jì)中，95%的內(nèi)容通常都是在關(guān)注排版(typography)。

不要讓我戴上眼鏡

　　相反的，不要再趴在屏幕上了!歇一歇靠一靠，換一種輕松的姿勢(shì)繼續(xù)閱讀吧!

五條簡(jiǎn)單的規(guī)則

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

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

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

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

2、主動(dòng)留白

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

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

　　Josef Muller-Brockman, 網(wǎng)格系統(tǒng)

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

　　Muller-Brockmann說：“行寬并不是設(shè)計(jì)或格式中唯一重要的，易讀性的問題具有同樣的重要性?！?/p>

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

　　可用性專家Nielsen最近為他的文章增加了留白區(qū)域和大寬度的設(shè)定(下左圖)。要是能再增加一些行距，那就好了。

　　Good Nielsen – Bad Nielsen

　　基本準(zhǔn)則是：每行10-15個(gè)單詞(譯者注：此處準(zhǔn)則針對(duì)英文)。對(duì)于流動(dòng)布局來說，當(dāng)100%字號(hào)大小時(shí)，行寬為窗口大小的50%，在大多數(shù)分辨率下這是一個(gè)比較好的標(biāo)準(zhǔn)。

3、友好的行高

　　閱讀專家說：

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

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

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

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

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

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

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

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

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

　　●…

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

5、別把文字做成圖片

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

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

傳播理念

　　如果你希望更多的網(wǎng)站變得更有可讀性，就請(qǐng)轉(zhuǎn)發(fā)以上的文字吧!重新鏈回到這個(gè)頁面，人們就會(huì)知道100% Easy -2-Read(100E2R)標(biāo)準(zhǔn)是在說什么。

文章題目：閱讀好體驗(yàn)的準(zhǔn)則：100% Easy-2-Read
轉(zhuǎn)載源于：http://www.aaarwkj.com/news/167242.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、全網(wǎng)營(yíng)銷推廣、面包屑導(dǎo)航、微信小程序、云服務(wù)器、商城網(wǎng)站

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)