|
許多網(wǎng)站填滿了難以閱讀的小字，為什么要這樣呢？
不要說擁擠的頁面看著好
擁擠的網(wǎng)站絕不舒服，它們看上去讓人惡心。
不要說大量鏈接更有用
往頁面上塞滿東西對易用性沒有幫助。你扔出這么多東西的唯一原因只是懶惰。我們希望你能想一下什么是重要的，并預(yù)先做出選擇；這不是我們的事。
不要說滾動條不好
因此所有網(wǎng)站都不好。滾動條并沒有錯，就像看書時翻頁沒錯一樣。
不要說文字不重要
95%的網(wǎng)站設(shè)計工作其實就是排版。
不要說帶上眼鏡再看
還是不要舔屏幕了，往后靠找個舒服的姿勢更好。
沒有任何理由往屏幕上塞那么多東西。這只是個愚蠢的錯誤。
1. 長篇文字要用標(biāo)準(zhǔn)的字體
原站上的字體尺寸不大，它是瀏覽器缺省的大小，也就是瀏覽器希望用來顯示的大小。
我們不想點更大或更小按鈕，也不想修改瀏覽器選項。我們只想直接閱讀。我們希望你根據(jù)我們的設(shè)置來調(diào)整，而不是其他途徑。
用大字體來設(shè)計一個好看的布局是挺難的，但這個困難能幫助您設(shè)計一個更簡單更清晰的網(wǎng)站。在網(wǎng)站上塞滿東西不難，把它搞簡單并且易用，這很難。一開始你會想這缺省的字體真大，但過上一天，你就不會想看任何小于100%或1em的字體。它開始看上去是大，但一旦你用了它，你會很快明白為什么瀏覽器設(shè)計者們會選擇這個尺寸做為缺省值。
2. 活動的空白
讓你的文字呼吸。讓你的讀者呼吸。用空白不是設(shè)計者的怪癖，它也無關(guān)品味。讓文字周圍充滿空氣可以降低緊張度，也讓人更容易把精神集中在重要的內(nèi)容上。你不需要把整個窗口都填滿。更漂亮的空白不是副作用，而是功能性設(shè)計的自然結(jié)果。誰說網(wǎng)站一定要塞滿東西呢？
請確保行寬（或欄寬）不要太大，左右都加上空白會讓眼睛更輕松。我們不想調(diào)整字體大小，也不想調(diào)整窗口大小。打開一個網(wǎng)站，我們只想讀一下。可調(diào)整的欄寬也不錯，但文字橫跨整個屏幕就不好了。
基本規(guī)則：每行10-15個字。對流動布局來說，100%的字體大小，50%的欄寬（和屏幕有關(guān)）對多數(shù)分辨率都是個不錯的基準(zhǔn)。（我想應(yīng)該是500-600像素寬）
3. 讀者友好的行距
閱讀專家這樣說：“太小的行距會影響閱讀速度，因為眼睛會同時看到上一行和下一行，于是就不能聚焦……讀者會在錯誤的地方發(fā)更多精力，也更容易疲勞。同樣，行距太大也有同樣的問題。”
缺省的HTML行距太小，如果能增加一點，文字就會更易讀。140%是個不錯的基準(zhǔn)。
4. 清晰的色彩對比
這甚至不用再說。但如果你還在用下面這些對比：
* 淺灰色文字，更淺的灰色背景
* 銀色的文字，雪白的背景
* 灰色文字，黃色背景
* 黃色文字，紅色背景
* 綠色文字，紅色背景等等
那么你就不是個網(wǎng)頁設(shè)計師，只是裝個樣子罷了。如果你堅持你是，你就必須注意到如果沒有人能讀你說的話，就沒人知道那是什么。停止這種荒謬的設(shè)計，讓我們看看你寫了些什么。注意：對屏幕設(shè)計來說，太強(qiáng)的對比（全黑全白）并不理想，或者文字閃爍也不好。基準(zhǔn)：#333的文字，#fff的背景。（這個漢字似乎還不一樣，現(xiàn)在正常的字體還是點陣更清楚，全黑全白也完全可接受）
5. 不要把文字做在圖片里
我們希望能搜索、拷貝、保存你的文字，在閱讀時還想用光標(biāo)來標(biāo)記它。圖片中的文字看上去很漂亮，但漂亮不是WEB需要的，它需要的是交流、信息，而信息需要可閱讀、可用，可擴(kuò)展，可引用以及可以發(fā)送。
如果你不用這個圖片文字，就不能把網(wǎng)站變得漂亮，恐怕你得從頭開始設(shè)計了。
|
你的當(dāng)前位置 : 
