網頁正文字體應該更大的四個理由

小編:今天為大家帶來一篇關于現階段網頁設計字體大小問題的研討文章,希望可以幫助到大家。小編還是認為設計應該適用于當下,你覺得呢?


你網站上的正文字體太小。雖然桌面顯示器和手機屏幕的尺寸在增加,但是機身字體似乎在縮小。雖然他們的原始尺寸是一樣的,但感覺上他們比以前更小。

我經常發現自己瞇著眼睛看屏幕上的內容,不應該是這樣的。今天我們來研究一下這個不斷增長的問題的原因以及如何解決它!

大文本的案例


小字體的網站設計是老派概念。正文字體尺寸使用12pt的想法幾乎可以追溯到互聯網和數字出版的第一天,當時文字處理器的默認大小是12pt。(這正是設計師開始使用非官方指南的原因。)

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

超大的標題和副標題已經流行了一段時間,正文部分也需要趕上。一個關于網站分析,營銷和測試的博客Kissmetrics注意到,大多數網站的字體太小,他們甚至稱之為“網頁設計的7宗罪”之一。

有一個很大的原因:你必須立即吸引用戶的注意力,而小字體沒有更多能留住用戶時間的有價值的點。

還不信?這里還有四個正文字體應該更大的原因。

1.閱讀更容易


可讀性是一件大事。你為什么設計一個用戶難以閱讀的網站?

第一點是在Web上放棄對正文字體的純數值度量。無論你的字體是12pt還是16pt或22pt,如果無法讀取,這些都不重要了。(字體大小不是通用的,隨著字體的不同而不同。)正文應該與屏幕上的其他內容相稱,便于用戶可以從遠處看到。

一段時間的標準是,單列中的每行45到60個字符(包括標點符號和空格)是大多數讀者的理想長度。因此,你需要考慮最常見瀏覽器的尺寸、所使用的列的寬度以及適合該范圍的文字大小。記得調整相應的斷點。

對于較小的屏幕,范圍更緊密,大多數人都認為較大的字體更好。(行數范圍的一半。)

訣竅是創建一個適合閱讀的刻度。你要處理的文字尺寸越多,這就越重要。在逐行閱讀時,太寬的字體讓人難以集中精力; 太擁擠導致閱讀時眼睛移動太快,沒有一個很好的節奏。

2.使設計更直觀


字體的大小有助于網站設計的整體可用性。

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

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

設計中的一切都將受益于重新思考字體尺寸,因為它們共同拼成最終的產品。所有編輯和重新思考如何放置的部分可以提高可用性,因為你花時間來評估設計中的各個元素,而不是像往常那樣按照相同的方式擺放所有的東西。

3.減少疲勞


用戶疲勞是一個真實存在的問題。大多數人整天都在看屏幕,瀏覽手機、玩游戲、平板電腦、在電腦上工作或看電視。他們的眼睛已經很疲勞了。

大一些的字體可以幫助減少一些看屏幕的疲勞。

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

變大字體和其他用戶界面元素是很重要的一個原因是,因為它有助于調整視覺顯示與物理顯示相匹配,從而為用戶提供更多的舒適感。

4.增加視覺沖擊力


你希望你的網站設計可以讓用戶產生強烈的第一印象。較大的字體比較小的字體更具有強烈的視覺效果和沖擊力。大字體更容易被閱讀。

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

使用大一些的字體的意外后果是設計中的其他元素都可能變大。大字體有助于你在設計中創造更多的空間。更多的空間通?;崠叢斐齦媸實撓沒逖?,也增加了對比的元素,有助于將吸引用戶到設計的部分。(這是最基本的設計理論,但它有效。)

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

結論

“ Smashing Magazine”在2011年發表了一篇文章,認為小于16px的正文字體太小了。我同意這一說法。

嘗試18,20甚至22pt大小的文字。即使起初看起來很尷尬,但你會發現它很容易閱讀,很容易理解,它讓內容感覺不那么強烈。使用戶用起來更方便,他們會感謝你并在你的網站上花費更多時間。

原文地址:

作者:

譯者:

來源:學UI網

上一篇: 云計算交互設計師的必備知識!

下一篇: 沒有符合條件的記錄

分享到: 更多
三公经费指什么 百炮打鱼 大富贵看牌抢庄牛牛 拼十牛牛先翻4张看牌抢庄 数21游戏技巧 重庄时时彩开奖结果查 重庆时时彩开奖网站 重庆时时计划专业计划 大乐透预测最准十专家 四川时时怎么玩 168新疆时时下载 内蒙古时时最新开奖结果查询 双色球计划稳定版 彩票双面盘什么意思 全年无错原创36码网址 多赢彩票计划软件