大(dà)文本的案例

小(xiǎo)字體(tǐ)的網站設計是老派概念。正文字體(tǐ)尺寸使用12pt的想法幾乎可以追溯到互聯網和數字出版的第一(yī)天，當時文字處理器的默認大(dà)小(xiǎo)是12pt。(這正是設計師開(kāi)始使用非官方指南(nán)的原因。)

那時屏幕也小(xiǎo)的多，而12pt的文本在距你眼睛幾英尺的地方也可以很好的閱讀。

超大(dà)的标題和副标題已經流行了一(yī)段時間，正文部分(fēn)也需要趕上。一(yī)個關于網站分(fēn)析，營銷和測試的博客Kissmetrics注意到，大(dà)多數網站的字體(tǐ)太小(xiǎo)，他們甚至稱之爲“網頁設計的7宗罪”之一(yī)。

有一(yī)個很大(dà)的原因：你必須立即吸引用戶的注意力，而小(xiǎo)字體(tǐ)沒有更多能留住用戶時間的有價值的點。

還不信?這裏還有四個正文字體(tǐ)應該更大(dà)的原因。

1.閱讀更容易

可讀性是一(yī)件大(dà)事。你爲什麽設計一(yī)個用戶難以閱讀的網站?

第一(yī)點是在Web上放(fàng)棄對正文字體(tǐ)的純數值度量。無論你的字體(tǐ)是12pt還是16pt或22pt，如果無法讀取，這些都不重要了。(字體(tǐ)大(dà)小(xiǎo)不是通用的，随着字體(tǐ)的不同而不同。)正文應該與屏幕上的其他内容相稱，便于用戶可以從遠處看到。

一(yī)段時間的标準是，單列中(zhōng)的每行45到60個字符(包括标點符号和空格)是大(dà)多數讀者的理想長度。因此，你需要考慮最常見浏覽器的尺寸、所使用的列的寬度以及适合該範圍的文字大(dà)小(xiǎo)。記得調整相應的斷點。

對于較小(xiǎo)的屏幕，範圍更緊密，大(dà)多數人都認爲較大(dà)的字體(tǐ)更好。(行數範圍的一(yī)半。)

訣竅是創建一(yī)個适合閱讀的刻度。你要處理的文字尺寸越多，這就越重要。在逐行閱讀時，太寬的字體(tǐ)讓人難以集中(zhōng)精力; 太擁擠導緻閱讀時眼睛移動太快，沒有一(yī)個很好的節奏。

2.使設計更直觀

字體(tǐ)的大(dà)小(xiǎo)有助于網站設計的整體(tǐ)可用性。

如果所有字體(tǐ)按比例縮放(fàng)，大(dà)字體(tǐ)可以幫助其他用戶界面元素(如導航鏈接或按鈕文本)尺寸的調整。它有助于整體(tǐ)流程。

大(dà)字體(tǐ)還可以幫助你更好地決定内容以及有選擇性的進行編輯，這對用戶來說是一(yī)件好事。這種精簡有助于将最重要的元素呈現在設計之上。請記住，用戶的關注時間很短， 那麽他們需要了解的設計和如何與之交互的一(yī)切都必須一(yī)目了然。

設計中(zhōng)的一(yī)切都将受益于重新思考字體(tǐ)尺寸，因爲它們共同拼成最終的産品。所有編輯和重新思考如何放(fàng)置的部分(fēn)可以提高可用性，因爲你花時間來評估設計中(zhōng)的各個元素，而不是像往常那樣按照相同的方式擺放(fàng)所有的東西。

網頁字體(tǐ)設計

3.減少疲勞

用戶疲勞是一(yī)個真實存在的問題。大(dà)多數人整天都在看屏幕，浏覽手機、玩遊戲、平闆電(diàn)腦、在電(diàn)腦上工(gōng)作或看電(diàn)視。他們的眼睛已經很疲勞了。

大(dà)一(yī)些的字體(tǐ)可以幫助減少一(yī)些看屏幕的疲勞。

屏幕疲勞的另一(yī)個常見來源是移動設備，用戶必須通過屏幕獲取元素。大(dà)手機正在減少拇指容易觸及的區域，但較大(dà)的元素和字體(tǐ)可以幫助解決這個難題。

變大(dà)字體(tǐ)和其他用戶界面元素是很重要的一(yī)個原因是，因爲它有助于調整視覺顯示與物(wù)理顯示相匹配，從而爲用戶提供更多的舒适感。

4.增加視覺沖擊力

你希望你的網站設計可以讓用戶産生(shēng)強烈的第一(yī)印象。較大(dà)的字體(tǐ)比較小(xiǎo)的字體(tǐ)更具有強烈的視覺效果和沖擊力。大(dà)字體(tǐ)更容易被閱讀。

這些策略都有助于持續地吸引用戶的注意力。

使用大(dà)一(yī)些的字體(tǐ)的意外(wài)後果是設計中(zhōng)的其他元素都可能變大(dà)。大(dà)字體(tǐ)有助于你在設計中(zhōng)創造更多的空間。更多的空間通常會創造出更舒适的用戶體(tǐ)驗，也增加了對比的元素，有助于将吸引用戶到設計的部分(fēn)。(這是最基本的設計理論，但它有效。)

大(dà)一(yī)些的字體(tǐ)和增加的間距是大(dà)多數用戶不會看到或談論的元素，但他們會意識到。這種體(tǐ)驗是很容易實現的，希望可以讓網站數據像網站駐留時間和訪問者數量一(yī)樣上升。(這些措施可以是确定修改成大(dà)字體(tǐ)是否對用戶産生(shēng)影響的關鍵因素。)

結論

“ Smashing Magazine”在2011年發表了一(yī)篇文章，認爲小(xiǎo)于16px的正文字體(tǐ)太小(xiǎo)了。我(wǒ)(wǒ)同意這一(yī)說法。

嘗試18,20甚至22pt大(dà)小(xiǎo)的文字。即使起初看起來很尴尬，但你會發現它很容易閱讀，很容易理解，它讓内容感覺不那麽強烈。使用戶用起來更方便，他們會感謝你并在你的網站上花費(fèi)更多時間。