把握5點基本原則,提高網頁文字閱讀體驗 |
作者:佚名 發布時間:2012-08-18 瀏覽:2639次 |
以下內容由寶雞網站建設、寶雞網絡公司,寶雞世紀網絡為您編輯整理。 網頁設計師應把握以下5點基本原則,提高網頁文字閱讀體驗: 一、長文本使用標準字號 你現在正在閱讀的文字的字號并不大,是你瀏覽器的默認顯示大小,是瀏覽器本來應該顯示的大小。 我不想點擊“放大”、“縮小”按鈕,也不想更改瀏覽器的設置。我想馬上就開始閱讀,我希望你能適應我的設置,而不是反過來讓我更改設置來適應你。 剛開始的時候,要用大字號來設計出一個好的布局會相對困難一些,但是這樣會幫助你設計出一個更簡單、更清爽的頁面。把一個網站塞滿各種信息并不難,但是讓她簡單而易用卻不那么簡單。起初,你會不適應這些大字號,但是一天之后,你就不會再想在正文中看到任何小于100%顯示的文字內容了。剛開始你會覺得這些文字看起來很大,但是一旦你體驗過之后,你就會很快意識到,為什么所有瀏覽器的設計師都選擇這個大小來作為文字的默認顯示大小。 二、主動留白 讓你的文字有足夠的空間進行呼吸。使用留白不是設計師的既定問題,也與品位無關?!拔淖侄温涞膶挾缺仨毰c其所使用的字號相適應。過大的行寬會使人不易閱讀,并且會產生負面的心理效應。過小的行寬會也中斷閱讀的流暢性,迫使讀者頻繁地換行?!?/SPAN> Josef Muller-Brockman, 網格系統 在文本周圍留出足夠的空間可以減少閱讀時的壓迫感,因為這樣讀者更容易將焦點集中在內容本身。你無需填滿整個窗口。留白看上去更好并不是什么副作用,而是功能設計的必然結果。誰說頁面需要填滿各種內容的呢? Muller-Brockmann說:“行寬并不是設計或格式中唯一重要的,易讀性的問題具有同樣的重要性?!?/SPAN> 所以,請確保行寬不要過長。你可以在左右兩端留出一些空白,便于眼睛在閱讀時進行換行。我既不想要調整字號大小也不想調整窗口大小。當我打開一個頁面的時候,我就只是想進行閱讀。自適應寬度的文字很好,但是橫跨整個屏幕一眼望不到邊的文字卻很糟糕。 可用性專家Nielsen最近為他的文章增加了留白區域和最大寬度的設定。要是能再增加一些行距,那就完美了。 Good Nielsen – Bad Nielsen 基本準則是:每行10-15個單詞(注:此處準則針對英文)。對于流動布局來說,當100%字號大小時,行寬為窗口大小的50%,在大多數分辨率下這是一個比較好的標準。 三、友好的行高 閱讀專家說:“過小的行高設定會降低閱讀速度,因為眼睛會同時注意上下兩行,而無法集中精神閱讀當前那行的內容。讀者把精力花在錯誤的地方,并且更容易感到疲倦。對于行高過大的情況也是如此?!盚TML的默認行高過小。如果你增加一些行高,文字會更具易讀性。140%標準行高是一個不錯的標準。 四、鮮明的色彩對比 這一點我覺得沒必要多做贅述了。但是如果你覺得自己可以避免下列情況的話,那么你就不是一個網頁設計師,而只是一個有態度的設計師。 淺灰色的文字放在更淺的灰色的背景上 銀色的文字放在白色的背景上 灰色的文字放在黃色的背景上 黃色的文字放在紅色的背景上 綠色的文字放在紅色的背景上 … 如果你認為你還是一個網頁設計師,那么你必須意識到,沒有人會理解甚至看清楚你所表達的內容。別在做這種沒有sense的事了,我們也想看看你到底想表達什么。注意:對于要在屏幕上顯示的設計來說,過于強烈的對比(純黑純白)也不合適,因為這樣看上去會使人感到文字在閃爍。一個建議的標準是:背景顏色#fff,文字顏色#333。 五、別把文字做成圖片 在進行閱讀的時候,我希望能夠搜索、復制和保存文字,并使用光標來進行標記。把文字做成圖片看起來很美觀,但是美觀并不是網頁所要的全部。網頁是用來進行交流和信息傳達的,而信息需要具有良好的可讀性、可用性、可伸縮性,方便進行引用和分享。 如果你只有把文字做成圖片才能把網頁設計好的話,那我覺得你需要從頭開始再學一遍網頁設計了。 以上內容就是由寶雞網站建設、寶雞網絡公司,寶雞世紀網絡為您搜集整理的《把握5點基本原則,提高網頁文字閱讀體驗》的全部內容。我公司是在寶雞市工商局注冊的專業提供網站建設、網站優化、網站推廣,軟件開發的高新技術企業,一直致力于面向寶雞地區黨政機關、企事業單位提供大中型門戶網站解決方案、 OA 辦公自動化系統解決方案,以及中小型應用軟件開發及其它信息化外包業務。目前已承建寶雞地區近760多家政府網站、企業網站,是寶雞網站建設行業規模最大、客戶數量最多、技術力量雄厚的寶雞網絡公司。歡迎您來電咨詢,咨詢熱線:0917-3535180 3536690…… |