網站設計用戶體驗建議：請用16px大小字體

　　我知道你們在想什么，“16像素?太大了，對大多數網站而言，12像素是最理想的。”至于為什么要16像素，我之后就會解答你們的疑惑。

　　編者提示: 本文針對的是英文字體, 由于中文和英文在Web編排中略有不同, 故讀者請勿將這里說的具體數值在中文設計編排中對號入座!

　　大部分情況下，在設計一個網站時，如果字體大小設為10-15像素，那就是在浪費你客戶的錢，為什么呢?我會證明給你們看。

　　讀者數量=盈利

　　你為客戶或者自己建一個網站，目的就是要賺錢。

　　你的客戶也許僅僅需要通過網站賣一種產品、提供服務又或只是提供信息，無論什么情況，生意就是生意，是要看投資回報率的，最終是要實現盈利。

　　所以，每個設計元素都必須按照這個目的來設計。這就包括文案。尤其要特別重視文案，因為這是吸引用戶最有力的武器，先不管你要讓他們在網站里干什么。

　　設想一下，如果你不告訴用戶進網站要干什么，或者為什么要進來，用戶自己是不會主動點擊進來的。所以唯一的方法就是，用文字告訴他們。這樣他們才會瀏覽網站的內容。

　　和閱讀有關的重要常識

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

　　1.40歲時，人的視網膜接受到的光要比20歲時下降一半，到了60歲，視網膜接受到的光只有20歲時的20%。

　　2.差不多有9%的美國人的視力是有問題的，即弱視或者完全看不見，這就意味著他們即使戴了眼鏡，也沒用。

　　3.在閱讀一篇文章時，我們一次能看多少，是由我們的理解力和閱讀速度決定的。閱讀范圍越大，內容理解起來就越容易。影響閱讀范圍的關鍵就是字體設置的大小，想想最近看過的廣告牌吧，字體小嗎?

　　4.在坐姿舒服的前提下，大部分人和電腦屏幕之間的距離是20-23英尺 。事實上，28英尺是最佳距離，因為這樣有助于避免視覺疲勞。這比一般我們看書之類的還要遠，大部分人看雜志什么的都不會有一臂之遠的距離。

　　5.電腦屏幕上16像素大小的字體，和一本書或雜志里的篇幅大小是差不多的，之所以設置16像素的字體大小，是根據人們的閱讀距離而測算出來的。當字體大小只有10磅時，我們看書就會湊得很近，經常只有幾英尺的距離 。如果你放到一臂之長的距離看看，你會發現就需要放大到12磅了，這個大小放到電腦屏幕上就差不多是16像素。

　　6.在2005年的一項網頁設計問卷調查中，字體大小的問題票數最多，比排在第二的多了2倍的票數，2/3的參與者都一致抱怨：網頁的字體太小了。假想，情況已經好轉，會是什么樣的情況，就不會有這么多抱怨了吧。我在SiteInspire上，隨機抽取一些博客，發現文本的大小還是12像素，甚至還有10像素的，反正是沒有超過14像素的。同樣的，如果你在熱門的Elegant Themes和ThemeForest上，隨機抽選一些文本，你會發現，每個主題的文本大小都是12或者13像素的。

　　大部分網頁用戶，不喜歡“正常大小”的字體

　　根據以上的分析，我會問：你們客戶的用戶中有多少是40歲左右的?要知道，相比20歲的年輕人，他們得多花一倍的功夫看東西。如果用戶是近60歲的，那就要花4倍的眼力才行。

　　你的讀者中幾乎有1/10的人是視力有問題的。剩下那些視力沒問題的呢，大部分都不得不吃力地看著比16像素小的字體，甚至他們還不會發現這是個問題。(你會到什么時候才發現自己看電腦看的腰酸背痛呢)如果靠屏幕越近，他們會很不舒服，而且發現不符合人體工學。要知道，最自然舒服的坐姿，是眼睛距離屏幕至少一臂之長呢。

　　簡而言之，對一般網頁用戶來說，逛網站可不是一場視力考驗。你的文章讀起來越吃力，看得人就越少，讓人理解的也就越少。10像素的文本肯定是沒有意義的，12像素依舊小。如果讀者有更好的選擇的話，甚至15像素也不行不通。所以結論就是，如果你想要吸引更多的讀者，來看并且理解你的文章，進行互動，你就必須設定字體的大小不低于16像素。

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

　　如果你代碼使用正確，有視力問題的用戶則可以通過其他選項及“+”鍵放大文本。

　　因此，在與網頁設計師討論時，我將它列為了重要的討論項目。

　　但事實并非如此。那些最需要調整字體設置的用戶，通常不知道該如何操作。而他們最擅長的，則是點擊“返回”按鈕。你或許會認為，在沒有把網站設計的能另用戶有完美的使用體驗之前，不該收取客戶的錢。因為在實用性方面，我們的個人品味遠不比最佳實踐效果來的重要。

　　網頁設計不僅僅取決于設計師的喜好。而是關乎于用戶的選擇，什么最能達到客戶的標準。

　　如果客戶的網站是以提高產品/服務的收益為目標的，作為設計師的我們就得盡可能的利用某些方法達到這一效果。采用大多數用戶習慣的字體大小，但最終需要考慮到成本的問題。

　　在打印方面，考慮到開支，8 磅的字體大小是兼顧可讀性與成本的一個理想選擇。在網上，你無需支付任何多余空間的費用，所要做的就是提供吸引用戶瀏覽的文案。當然，如何讓讀者通過點擊而非轉換的方式快速且便捷的找到目標文本，則需要一定的費用。

　　因此，問題在于，你是準備將客戶的資金投入進你所謂的“看起來不錯”，還是以用戶為導向的“看起來不錯”?

　　16像素是不大的

　　作為設計師，我們的品味與審美觀遠遠強于我們的認知范圍。“這看起來不錯” ，有這樣的反應，是因為我們預想的結果與其他設計師不謀而合。

　　然而不幸的是，如今我們瀏覽的大多數網頁的文本都很小，這是因為以前屏幕都很小，所以不得不匹配小號的文本字體，以至于到現在大家都習慣了小字體。

　　在這篇文章中，我把TeX Gyre Schola的大小設置為19像素。因為16-18像素對我來說，看上去太小：如果我舒舒服服的背靠著椅子，距離電腦屏幕28英尺，我就需要瞇起眼睛才能看得清字體。如果把字體設置成為Georgia 或Verdana，16像素可能剛好：較大的寬度，字體才比較清晰。

　　下面這段文字是12像素的，看看你是否會不自覺向前傾，瞇起雙眼，皺起眉頭。如果你還不同意，就請在評論中提出你的意見吧!

　　（來源：設計聚合網）

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈