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