網(wǎng)頁設計請使用16像素字體不然就會付出昂貴代價

我知道你們在想什么，“16像素字體？太大了，對大多數(shù)網(wǎng)站設計而言，12像素是最理想的。”至于為什么要16像素，我之后就會解答你們的疑惑。
　　編者提示: 本文針對的是英文字體, 由于中文和英文在Web編排中略有不同, 故讀者請勿將這里說的具體數(shù)值在中文設計編排中對號入座!
　　大部分情況下，在設計一個網(wǎng)站時，如果字體大小設為10-15像素，那就是在浪費你客戶的錢，為什么呢？我會證明給你們看。

讀者數(shù)量=盈利

　　你為客戶或者自己建一個網(wǎng)站，目的就是要賺錢。
　　你的客戶也許僅僅需要通過網(wǎng)站賣一種產(chǎn)品、提供服務又或只是提供信息，無論什么情況，生意就是生意，是要看投資回報率的，最終是要實現(xiàn)盈利。
　　所以，每個設計元素都必須按照這個目的來設計。這就包括文案。尤其要特別重視文案，因為這是吸引用戶最有力的武器，先不管你要讓他們在網(wǎng)站里干什么。
　　設想一下，如果你不告訴用戶進網(wǎng)站要干什么，或者為什么要進來，用戶自己是不會主動點擊進來的。所以唯一的方法就是，用文字告訴他們。這樣他們才會瀏覽網(wǎng)站的內(nèi)容。

和閱讀有關(guān)的重要常識

　　這里有幾個很關(guān)鍵的因素，做文案需要特別注意的，比如讀者人數(shù)，文章的可讀性以及文章的理解度。如果用戶不想看，或者根本無法看，又或理解不了，怎樣解決這些問題呢，有幾點需要了解下。

　　1.40歲時，人的視網(wǎng)膜接受到的光要比20歲時下降一半，到了60歲，視網(wǎng)膜接受到的光只有20歲時的20%。
　　2.差不多有9%的美國人的視力是有問題的，即弱視或者完全看不見，這就意味著他們即使戴了眼鏡，也沒用。
　　3.在閱讀一篇文章時，我們一次能看多少，是由我們的理解力和閱讀速度決定的。閱讀范圍越大，內(nèi)容理解起來就越容易。影響閱讀范圍的關(guān)鍵就是字體設置的大小，想想最近看過的廣告牌吧，字體小嗎？
　　4.在坐姿舒服的前提下，大部分人和電腦屏幕之間的距離是20-23英尺 。事實上，28英尺是最佳距離，因為這樣有助于避免視覺疲勞。這比一般我們看書之類的還要遠，大部分人看雜志什么的都不會有一臂之遠的距離。
　　5.電腦屏幕上16像素大小的字體，和一本書或雜志里的篇幅大小是差不多的，之所以設置16像素的字體大小，是根據(jù)人們的閱讀距離而測算出來的。當字體大小只有10磅時，我們看書就會湊得很近，經(jīng)常只有幾英尺的距離 。如果你放到一臂之長的距離看看，你會發(fā)現(xiàn)就需要放大到12磅了，這個大小放到電腦屏幕上就差不多是16像素。
　　6.在2005年的一項網(wǎng)頁設計問卷調(diào)查中，字體大小的問題票數(shù)最多，比排在第二的多了2倍的票數(shù)，2/3的參與者都一致抱怨：網(wǎng)頁的字體太小了。假想，情況已經(jīng)好轉(zhuǎn)，會是什么樣的情況，就不會有這么多抱怨了吧。我在SiteInspire上，隨機抽取一些博客，發(fā)現(xiàn)文本的大小還是12像素，甚至還有10像素的，反正是沒有超過14像素的。同樣的，如果你在熱門的Elegant Themes和ThemeForest上，隨機抽選一些文本，你會發(fā)現(xiàn)，每個主題的文本大小都是12或者13像素的。

圖1為：24英寸的屏幕上顯示的16像素的文本字體，請點擊此圖片看看12磅的大小是什么效果

圖2為：15.4英寸的屏幕上顯示的16像素的文本字體，請點擊此圖片看看12磅的大小是什么效果

大部分網(wǎng)頁用戶，不喜歡“正常大小”的字體

　　根據(jù)以上的分析，我會問：你們客戶的用戶中有多少是40歲左右的？要知道，相比20歲的年輕人，他們得多花一倍的功夫看東西。如果用戶是近60歲的，那就要花4倍的眼力才行。
　　你的讀者中幾乎有1/10的人是視力有問題的。剩下那些視力沒問題的呢，大部分都不得不吃力地看著比16像素小的字體，甚至他們還不會發(fā)現(xiàn)這是個問題。（你會到什么時候才發(fā)現(xiàn)自己看電腦看的腰酸背痛呢）如果靠屏幕越近，他們會很不舒服，而且發(fā)現(xiàn)不符合人體工學。要知道，最自然舒服的坐姿，是眼睛距離屏幕至少一臂之長呢。
　　簡而言之，對一般網(wǎng)頁用戶來說，逛網(wǎng)站可不是一場視力考驗。你的文章讀起來越吃力，看得人就越少，讓人理解的也就越少。10像素的文本肯定是沒有意義的，12像素依舊小。如果讀者有更好的選擇的話，甚至15像素也不行不通。所以結(jié)論就是，如果你想要吸引更多的讀者，來看并且理解你的文章，進行互動，你就必須設定字體的大小不低于16像素。

“但是，用戶自己可以放大字體的大小”

　　如果你代碼使用正確，有視力問題的用戶則可以通過其他選項及“+”鍵放大文本。
　　因此，在與網(wǎng)頁設計師討論時，我將它列為了重要的討論項目。
　　但事實并非如此。那些最需要調(diào)整字體設置的用戶，通常不知道該如何操作。而他們最擅長的，則是點擊“返回”按鈕。你或許會認為，在沒有把網(wǎng)站設計的能另用戶有完美的使用體驗之前，不該收取客戶的錢。因為在實用性方面，我們的個人品味遠不比最佳實踐效果來的重要。
　　網(wǎng)頁設計不僅僅取決于設計師的喜好。而是關(guān)乎于用戶的選擇，什么最能達到客戶的標準。
　　如果客戶的網(wǎng)站是以提高產(chǎn)品/服務的收益為目標的，作為設計師的我們就得盡可能的利用某些方法達到這一效果。采用大多數(shù)用戶習慣的字體大小，但最終需要考慮到成本的問題。
　　在打印方面，考慮到開支，8 磅的字體大小是兼顧可讀性與成本的一個理想選擇。在網(wǎng)上，你無需支付任何多余空間的費用，所要做的就是提供吸引用戶瀏覽的文案。當然，如何讓讀者通過點擊而非轉(zhuǎn)換的方式快速且便捷的找到目標文本，則需要一定的費用。
　　因此，問題在于，你是準備將客戶的資金投入進你所謂的“看起來不錯”，還是以用戶為導向的“看起來不錯”？

16像素是不大的

　　作為設計師，我們的品味與審美觀遠遠強于我們的認知范圍。“這看起來不錯” ，有這樣的反應，是因為我們預想的結(jié)果與其他設計師不謀而合。
　　然而不幸的是，如今我們?yōu)g覽的大多數(shù)網(wǎng)頁的文本都很小，這是因為以前屏幕都很小，所以不得不匹配小號的文本字體，以至于到現(xiàn)在大家都習慣了小字體。
　　在這篇文章中，我把TeX Gyre Schola的大小設置為19像素。因為16-18像素對我來說，看上去太小：如果我舒舒服服的背靠著椅子，距離電腦屏幕28英尺，我就需要瞇起眼睛才能看得清字體。如果把字體設置成為Georgia 或Verdana，16像素可能剛好：較大的寬度，字體才比較清晰。
　　下面這段文字是12像素的，看看你是否會不自覺向前傾，瞇起雙眼，皺起眉頭。如果你還不同意，就請在評論中提出你的意見吧！