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

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

讀者數(shù)量=盈利

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

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

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

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

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

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

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

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

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

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

16像素是不大的

　　作為設(shè)計(jì)師，我們的品味與審美觀遠(yuǎn)遠(yuǎn)強(qiáng)于我們的認(rèn)知范圍。“這看起來不錯(cuò)” ，有這樣的反應(yīng)，是因?yàn)槲覀冾A(yù)想的結(jié)果與其他設(shè)計(jì)師不謀而合。
　　然而不幸的是，如今我們?yōu)g覽的大多數(shù)網(wǎng)頁的文本都很小，這是因?yàn)橐郧捌聊欢己苄?，所以不得不匹配小號的文本字體，以至于到現(xiàn)在大家都習(xí)慣了小字體。
　　在這篇文章中，我把TeX Gyre Schola的大小設(shè)置為19像素。因?yàn)?6-18像素對我來說，看上去太?。喝绻沂媸娣谋晨恐巫?，距離電腦屏幕28英尺，我就需要瞇起眼睛才能看得清字體。如果把字體設(shè)置成為Georgia 或Verdana，16像素可能剛好：較大的寬度，字體才比較清晰。
　　下面這段文字是12像素的，看看你是否會不自覺向前傾，瞇起雙眼，皺起眉頭。如果你還不同意，就請?jiān)谠u論中提出你的意見吧！