大文字的案例
小字型的網站設計是老派概念。正文字型尺寸使用 12pt 的想法幾乎可以追溯到網際網路和數字出版的第一天,當時文書處理器的預設大小是 12pt 。 (這正是設計師開始使用非官方指南的原因。)
那時螢幕也小的多,而 12pt 的文字在距您眼睛幾英尺的地方也可以很好的閱讀。
超大的標題和副標題已經流行了一段時間,正文部分也需要趕上。一個關於網站分析,營銷和測試的部落格 Kissmetrics 注意到,大多數網站的字型太小,他們甚至稱之為 “網頁設計的 7 宗罪” 之一。
有一個很大的原因:您必須立即吸引多使用者的注意力,而小字型沒有更多能留住多使用者時間的有價值的點。
還不信? 這裡還有四個正文字型應該更大的原因。 1. 閱讀更容易
可讀性是一件大事。您為什麼設計一個多使用者難以閱讀的網站?
第一點是在 Web 上放棄對正文字型的純數值度量。無論您的字型是 12pt 還是 16pt 或 22pt,如果無法讀取,這些都不重要了。 (字型大小不是通用的,隨著字型的不同而不同。) 正文應該與螢幕上的其他內容相稱,便於多使用者可以從遠處看到。
一段時間的標準是,單列中的每行 45 到 60 個字元 (包括標點符號和空格) 是大多數讀者的理想長度。因此,您需要考慮最常見瀏覽器的尺寸、所使用的列的寬度以及適合該範圍的文字大小。記得調整相應的斷點。
對於較小的螢幕,範圍更緊密,大多數人都認為較大的字型更好。 (行數範圍的一半。)
訣竅是建立一個適合閱讀的刻度。您要處理的文字尺寸越多,這就越重要。在逐行閱讀時,太寬的字型讓人難以集中精力; 太擁擠導致閱讀時眼睛移動太快,沒有一個很好的節奏。 2. 使設計更直觀
字型的大小有助於網站設計的整體可用性。
如果所有字型按比例縮放,大字型可以幫助其他多使用者介面元素 (如導航連結或按鈕文字) 尺寸的調整。它有助於整體流程。
大字型還可以幫助您更好地決定內容以及有選擇性的進行編輯,這對多使用者來說是一件好事。這種精簡有助於將最重要的元素呈現在設計之上。請記住,多使用者的關注時間很短, 那麼他們需要了解的設計和如何與之互動的一切都必須一目瞭然。
設計中的一切都將受益於重新思考字型尺寸,因為它們共同拼成最終的產品。所有編輯和重新思考如何放置的部分可以提高可用性,因為您花時間來評估設計中的各個元素,而不是像往常那樣按照相同的方式擺放所有的東西。 3. 減少疲勞
多使用者疲勞是一個真實存在的問題。大多數人整天都在看螢幕,瀏覽手機、玩遊戲、平板電腦、在電腦上工作或看電視。他們的眼睛已經很疲勞了。
大一些的字型可以幫助減少一些看螢幕的疲勞。
螢幕疲勞的另一個常見來源是移動裝置,多使用者必須透過螢幕獲取元素。大手機正在減少拇指容易觸及的區域,但較大的元素和字型可以幫助解決這個難題。
變大字型和其他多使用者介面元素是很重要的一個原因是,因為它有助於調整視覺顯示與物理顯示相匹配,從而為多使用者提供更多的舒適感。 4. 增加視覺衝擊力
您希望您的網站設計可以讓多使用者產生強烈的第一印象。較大的字型比較小的字型更具有強烈的視覺效果和衝擊力。大字型更容易被閱讀。
這些策略都有助於持續地吸引多使用者的注意力。
使用大一些的字型的意外後果是設計中的其他元素都可能變大。大字型有助於您在設計中創造更多的空間。更多的空間通常會創造出更舒適的多使用者體驗,也增加了對比的元素,有助於將吸引多使用者到設計的部分。 (這是最基本的設計理論,但它有效。)
大一些的字型和增加的間距是大多數多使用者不會看到或談論的元素,但他們會意識到。這種體驗是很容易實現的,希望可以讓網站資料像網站駐留時間和訪問者數量一樣上升。 (這些措施可以是確定修改成大字型是否對多使用者產生影響的關鍵因素。)
結論
“ Smashing Magazine” 在 2011 年發表了一篇文章,認為小於 16px 的正文字型太小了。我同意這一說法。
嘗試 18,20 甚至 22pt 大小的文字。即使起初看起來很尷尬,但您會發現它很容易閱讀,很容易理解,它讓內容感覺不那麼強烈。使多使用者用起來更方便,他們會感謝您並在您的網站上花費更多時間。