網頁設計理論100%易讀标準---深圳市崇一網絡有限公司|深圳網絡公司|深圳網站建設|深圳網頁設計|深圳網頁制作|深圳網站設計|網絡推廣|網頁優化|域名|空間|深圳外(wài)貿網站建設|深圳外(wài)貿網站設計制作|外(wài)貿網站
你的當前位置 : 網站首頁 >> 新聞動态
網頁設計理論100%易讀标準
發布時間:2014/8/19   點擊次數:2655 
許多網站填滿了難以閱讀的小(xiǎo)字,爲什麽要這樣呢?

不要說擁擠的頁面看着好
擁擠的網站絕不舒服,它們看上去(qù)讓人惡心。

不要說大(dà)量鏈接更有用
往頁面上塞滿東西對易用性沒有幫助。你扔出這麽多東西的唯一(yī)原因隻是懶惰。我(wǒ)們希望你能想一(yī)下(xià)什麽是重要的,并預先做出選擇;這不是我(wǒ)們的事。

不要說滾動條不好
因此所有網站都不好。滾動條并沒有錯,就像看書(shū)時翻頁沒錯一(yī)樣。

不要說文字不重要
95%的網站設計工(gōng)作其實就是排版。

不要說帶上眼鏡再看
還是不要舔屏幕了,往後靠找個舒服的姿勢更好。

沒有任何理由往屏幕上塞那麽多東西。這隻是個愚蠢的錯誤。

1. 長篇文字要用标準的字體(tǐ)

原站上的字體(tǐ)尺寸不大(dà),它是浏覽器缺省的大(dà)小(xiǎo),也就是浏覽器希望用來顯示的大(dà)小(xiǎo)。

我(wǒ)們不想點更大(dà)或更小(xiǎo)按鈕,也不想修改浏覽器選項。我(wǒ)們隻想直接閱讀。我(wǒ)們希望你根據我(wǒ)們的設置來調整,而不是其他途徑。

用大(dà)字體(tǐ)來設計一(yī)個好看的布局是挺難的,但這個困難能幫助您設計一(yī)個更簡單更清晰的網站。在網站上塞滿東西不難,把它搞簡單并且易用,這很難。一(yī)開(kāi)始你會想這缺省的字體(tǐ)真大(dà),但過上一(yī)天,你就不會想看任何小(xiǎo)于100%或1em的字體(tǐ)。它開(kāi)始看上去(qù)是大(dà),但一(yī)旦你用了它,你會很快明白(bái)爲什麽浏覽器設計者們會選擇這個尺寸做爲缺省值。

2. 活動的空白(bái)

讓你的文字呼吸。讓你的讀者呼吸。用空白(bái)不是設計者的怪癖,它也無關品味。讓文字周圍充滿空氣可以降低緊張度,也讓人更容易把精神集中(zhōng)在重要的内容上。你不需要把整個窗口都填滿。更漂亮的空白(bái)不是副作用,而是功能性設計的自然結果。誰說網站一(yī)定要塞滿東西呢?

請确保行寬(或欄寬)不要太大(dà),左右都加上空白(bái)會讓眼睛更輕松。我(wǒ)們不想調整字體(tǐ)大(dà)小(xiǎo),也不想調整窗口大(dà)小(xiǎo)。打開(kāi)一(yī)個網站,我(wǒ)們隻想讀一(yī)下(xià)。可調整的欄寬也不錯,但文字橫跨整個屏幕就不好了。

基本規則:每行10-15個字。對流動布局來說,100%的字體(tǐ)大(dà)小(xiǎo),50%的欄寬(和屏幕有關)對多數分(fēn)辨率都是個不錯的基準。(我(wǒ)想應該是500-600像素寬)

3. 讀者友好的行距

閱讀專家這樣說:“太小(xiǎo)的行距會影響閱讀速度,因爲眼睛會同時看到上一(yī)行和下(xià)一(yī)行,于是就不能聚焦……讀者會在錯誤的地方發更多精力,也更容易疲勞。同樣,行距太大(dà)也有同樣的問題。”

缺省的HTML行距太小(xiǎo),如果能增加一(yī)點,文字就會更易讀。140%是個不錯的基準。

4. 清晰的色彩對比

這甚至不用再說。但如果你還在用下(xià)面這些對比:

* 淺灰色文字,更淺的灰色背景
* 銀色的文字,雪白(bái)的背景
* 灰色文字,黃色背景
* 黃色文字,紅色背景
* 綠色文字,紅色背景等等


那麽你就不是個網頁設計師,隻是裝個樣子罷了。如果你堅持你是,你就必須注意到如果沒有人能讀你說的話(huà),就沒人知(zhī)道那是什麽。停止這種荒謬的設計,讓我(wǒ)們看看你寫了些什麽。注意:對屏幕設計來說,太強的對比(全黑全白(bái))并不理想,或者文字閃爍也不好。基準:#333的文字,#fff的背景。(這個漢字似乎還不一(yī)樣,現在正常的字體(tǐ)還是點陣更清楚,全黑全白(bái)也完全可接受)

5. 不要把文字做在圖片裏

我(wǒ)們希望能搜索、拷貝、保存你的文字,在閱讀時還想用光标來标記它。圖片中(zhōng)的文字看上去(qù)很漂亮,但漂亮不是WEB需要的,它需要的是交流、信息,而信息需要可閱讀、可用,可擴展,可引用以及可以發送。

如果你不用這個圖片文字,就不能把網站變得漂亮,恐怕你得從頭開(kāi)始設計了。
  關閉窗口
相關新聞   Related News
1. 網站改版在SEO方面應注意的事項 2. 如何讓網站獲得持久關注
3. 網頁的重構、标準、布局——網站重構學習要點 4. 最大(dà)限度優化你的Asp程序的性能
5. 保持網站流量 對網站改版方案建議 6. 網頁設計理論100%易讀标準
7. 保持網站流量對網站改版方案建議 8. 看看網站設計中(zhōng)的設計風格之“客戶風格”
9. 訪客至上的網頁設計秘笈 10. 如何從營銷的角度策劃建設網站
衆智達網絡--網站設計領導者
地址:深圳市寶安區新安街道海富社區45區
怡景大(dà)廈A棟華豐新安商(shāng)務大(dà)廈223
電話(huà)/微信:13424189196
Q Q:44005801
郵箱:weifwu127@163.com
網址:http://www.chinweb.net
掃碼關注微信公衆平台
合作夥伴
版權所有 © 2006-2019  深圳市崇一網絡有限公司      技術支持:衆智達網絡