2022-06-14 分類: 網(wǎng)站建設(shè)
譯者:前兩天看到一篇文章,覺得挺不錯的,就簡單翻譯一下分享給大家。
大多數(shù)網(wǎng)站設(shè)計都擠滿了小號的文字,使人閱讀起來感到很痛苦。產(chǎn)生這個問題的原因是什么呢?如果我們稍作思考就會發(fā)現(xiàn),沒有理由將如此多的信息都硬塞進一個小小的屏幕當(dāng)中。其實,這只是一個歷史遺留問題,因為過去的時候屏幕真的是很小。
屏幕 VS. 雜志:100%并不大(來自Wilson Miner)
所以…
不要讓我去調(diào)節(jié)字體大小
我可不想每次訪問一個網(wǎng)站的時候都要去更改我的瀏覽器設(shè)置!
不要告訴我繁雜的頁面看上去更好
擁擠的頁面看上去一點也不好,反而會令人很不爽。向頁面中填塞各種內(nèi)容對于可用性來說沒有任何幫助。這種把各種信息都丟給我的做法,我只能理解成你太懶了。我希望你可以思考和預(yù)先篩選一下重要的信息進行呈現(xiàn),而不是讓我來做。
不要告訴我滾動很糟糕
因為如果這樣,那么所有的網(wǎng)站建設(shè)都很糟糕。滾動并沒有錯,一點也沒錯。滾動就像是看書的時候翻書一樣自然,并沒有錯誤。
不要告訴我文字不重要
網(wǎng)頁設(shè)計中,95%的內(nèi)容通常都是在關(guān)注排版(typography)。
不要讓我戴上眼鏡
相反的,不要再趴在屏幕上了!歇一歇靠一靠,換一種輕松的姿勢繼續(xù)閱讀吧!
五條簡單的規(guī)則
1、長文本使用標準字號
你現(xiàn)在正在閱讀的文字的字號并不大,是你瀏覽器的默認顯示大小,是瀏覽器本來應(yīng)該顯示的大小。
我不想點擊“放大”、“縮小”按鈕,也不想更改瀏覽器的設(shè)置。我想馬上就開始閱讀,我希望你能適應(yīng)我的設(shè)置,而不是反過來讓我更改設(shè)置來適應(yīng)你。
剛開始的時候,要用大字號來設(shè)計出一個好的布局會相對困難一些,但是這樣會幫助你設(shè)計出一個更簡單、更清爽的頁面。把一個網(wǎng)站制作塞滿各種信息并不難,但是讓她簡單而易用卻不那么簡單。起初,你會不適應(yīng)這些大字號,但是一天之后,你就不會再想在正文中看到任何小于100%顯示的文字內(nèi)容了。剛開始你會覺得這些文字看起來很大,但是一旦你體驗過之后,你就會很快意識到,為什么所有瀏覽器的設(shè)計師都選擇這個大小來作為文字的默認顯示大小。
2、主動留白
讓你的文字有足夠的空間進行呼吸。使用留白不是設(shè)計師的既定問題,也與品位無關(guān)。
“文字段落的寬度必須與其所使用的字號相適應(yīng)。過大的行寬會使人不易閱讀,并且會產(chǎn)生負面的心理效應(yīng)。過小的行寬會也中斷閱讀的流暢性,迫使讀者頻繁地換行?!?/p>
Josef Muller-Brockman, 網(wǎng)格系統(tǒng)
在文本周圍留出足夠的空間可以減少閱讀時的壓迫感,因為這樣讀者更容易將焦點集中在內(nèi)容本身。你無需填滿整個窗口。留白看上去更好并不是什么副作用,而是功能設(shè)計的必然結(jié)果。誰說頁面需要填滿各種內(nèi)容的呢?
Muller-Brockmann說:“行寬并不是設(shè)計或格式中唯一重要的,易讀性的問題具有同樣的重要性?!?/p>
所以,請確保行寬不要過長。你可以在左右兩端留出一些空白,便于眼睛在閱讀時進行換行。我既不想要調(diào)整字號大小也不想調(diào)整窗口大小。當(dāng)我打開一個頁面的時候,我就只是想進行閱讀。自適應(yīng)寬度的文字很好,但是橫跨整個屏幕一眼望不到邊的文字卻很糟糕。
可用性專家Nielsen最近為他的文章增加了留白區(qū)域和大寬度的設(shè)定(下左圖)。要是能再增加一些行距,那就好了。
Good Nielsen – Bad Nielsen
基本準則是:每行10-15個單詞(譯者注:此處準則針對英文)。對于流動布局來說,當(dāng)100%字號大小時,行寬為窗口大小的50%,在大多數(shù)分辨率下這是一個比較好的標準。
3、友好的行高
閱讀專家說:
“過小的行高設(shè)定會降低閱讀速度,因為眼睛會同時注意上下兩行,而無法集中精神閱讀當(dāng)前那行的內(nèi)容。讀者把精力花在錯誤的地方,并且更容易感到疲倦。對于行高過大的情況也是如此?!?/p>
HTML的默認行高過小。如果你增加一些行高,文字會更具易讀性。140%標準行高是一個不錯的標準。
4、鮮明的色彩對比
這一點我覺得沒必要多做贅述了。但是如果你覺得自己可以避免下列情況的話,那么你就不是一個網(wǎng)頁設(shè)計師,而只是一個有態(tài)度的設(shè)計師。
●淺灰色的文字放在更淺的灰色的背景上
●銀色的文字放在白色的背景上
●灰色的文字放在黃色的背景上
●黃色的文字放在紅色的背景上
●綠色的文字放在紅色的背景上
●…
如果你認為你還是一個網(wǎng)頁設(shè)計師,那么你必須意識到,沒有人會理解甚至看清楚你所表達的內(nèi)容。別在做這種沒有sense的事了,我們也想看看你到底想表達什么。注意:對于要在屏幕上顯示的設(shè)計來說,過于強烈的對比(純黑純白)也不合適,因為這樣看上去會使人感到文字在閃爍。一個建議的標準是:背景顏色#fff,文字顏色#333。
5、別把文字做成圖片
在進行閱讀的時候,我希望能夠搜索、復(fù)制和保存文字,并使用光標來進行標記。把文字做成圖片看起來很美觀,但是美觀并不是網(wǎng)頁所要的全部。網(wǎng)頁是用來進行交流和信息傳達的,而信息需要具有良好的可讀性、可用性、可伸縮性,方便進行引用和分享。
如果你只有把文字做成圖片才能把網(wǎng)頁設(shè)計好的話,那我覺得你需要從頭開始再學(xué)一遍網(wǎng)頁設(shè)計了。
傳播理念
如果你希望更多的網(wǎng)站變得更有可讀性,就請轉(zhuǎn)發(fā)以上的文字吧!重新鏈回到這個頁面,人們就會知道100% Easy -2-Read(100E2R)標準是在說什么。
分享名稱:閱讀好體驗的準則:100% Easy-2-Read
網(wǎng)址分享:http://m.rwnh.cn/news42/167242.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計、定制網(wǎng)站、網(wǎng)站內(nèi)鏈、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容