許多網站填滿了難以閱讀的小(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)始設計了。
|