你網(wǎng)站上的正文字體太小。雖然桌面顯示器和手機屏幕的尺寸在增加,但是機身字體似乎在縮小。雖然他們的原始尺寸是一樣的,但感覺(jué)上他們比以前更小。我經(jīng)常發(fā)現自己瞇著(zhù)眼睛看屏幕上的內容,不應該是這樣的。今天錦州網(wǎng)站建設華睿科技同您一起來(lái)研究一下這個(gè)不斷增長(cháng)的問(wèn)題的原因以及如何解決它。
大文本的案例
小字體的網(wǎng)站設計是老派概念。正文字體尺寸使用12pt的想法幾乎可以追溯到互聯(lián)網(wǎng)和數字出版的第一天,當時(shí)文字處理器的默認大小是12pt。(這正是設計師開(kāi)始使用非官方指南的原因。)
那時(shí)屏幕也小的多,而12pt的文本在距你眼睛幾英尺的地方也可以很好的閱讀。
超大的標題和副標題已經(jīng)流行了一段時(shí)間,正文部分也需要趕上。一個(gè)關(guān)于網(wǎng)站分析,營(yíng)銷(xiāo)和測試的博客Kissmetrics注意到,大多數網(wǎng)站的字體太小,他們甚至稱(chēng)之為“網(wǎng)頁(yè)設計的7宗罪”之一。
有一個(gè)很大的原因:你必須立即吸引用戶(hù)的注意力,而小字體沒(méi)有更多能留住用戶(hù)時(shí)間的有價(jià)值的點(diǎn)。
還不信?這里還有四個(gè)正文字體應該更大的原因。
1.閱讀更容易
可讀性是一件大事。你為什么設計一個(gè)用戶(hù)難以閱讀的網(wǎng)站?
第一點(diǎn)是在Web上放棄對正文字體的純數值度量。無(wú)論你的字體是12pt還是16pt或22pt,如果無(wú)法讀取,這些都不重要了。(字體大小不是通用的,隨著(zhù)字體的不同而不同。)正文應該與屏幕上的其他內容相稱(chēng),便于用戶(hù)可以從遠處看到。
一段時(shí)間的標準是,單列中的每行45到60個(gè)字符(包括標點(diǎn)符號和空格)是大多數讀者的理想長(cháng)度。因此,你需要考慮最常見(jiàn)瀏覽器的尺寸、所使用的列的寬度以及適合該范圍的文字大小。記得調整相應的斷點(diǎn)。
對于較小的屏幕,范圍更緊密,大多數人都認為較大的字體更好。(行數范圍的一半。)
訣竅是創(chuàng )建一個(gè)適合閱讀的刻度。你要處理的文字尺寸越多,這就越重要。在逐行閱讀時(shí),太寬的字體讓人難以集中精力; 太擁擠導致閱讀時(shí)眼睛移動(dòng)太快,沒(méi)有一個(gè)很好的節奏。
2.使設計更直觀(guān)
字體的大小有助于網(wǎng)站設計的整體可用性。
如果所有字體按比例縮放,大字體可以幫助其他用戶(hù)界面元素(如導航鏈接或按鈕文本)尺寸的調整。它有助于整體流程。
大字體還可以幫助你更好地決定內容以及有選擇性的進(jìn)行編輯,這對用戶(hù)來(lái)說(shuō)是一件好事。這種精簡(jiǎn)有助于將最重要的元素呈現在設計之上。請記住,用戶(hù)的關(guān)注時(shí)間很短, 那么他們需要了解的設計和如何與之交互的一切都必須一目了然。
設計中的一切都將受益于重新思考字體尺寸,因為它們共同拼成最終的產(chǎn)品。所有編輯和重新思考如何放置的部分可以提高可用性,因為你花時(shí)間來(lái)評估設計中的各個(gè)元素,而不是像往常那樣按照相同的方式擺放所有的東西。
3.減少疲勞
用戶(hù)疲勞是一個(gè)真實(shí)存在的問(wèn)題。大多數人整天都在看屏幕,瀏覽手機、玩游戲、平板電腦、在電腦上工作或看電視。他們的眼睛已經(jīng)很疲勞了。
大一些的字體可以幫助減少一些看屏幕的疲勞。
屏幕疲勞的另一個(gè)常見(jiàn)來(lái)源是移動(dòng)設備,用戶(hù)必須通過(guò)屏幕獲取元素。大手機正在減少拇指容易觸及的區域,但較大的元素和字體可以幫助解決這個(gè)難題。
變大字體和其他用戶(hù)界面元素是很重要的一個(gè)原因是,因為它有助于調整視覺(jué)顯示與物理顯示相匹配,從而為用戶(hù)提供更多的舒適感。
4.增加視覺(jué)沖擊力
你希望你的網(wǎng)站設計可以讓用戶(hù)產(chǎn)生強烈的第一印象。較大的字體比較小的字體更具有強烈的視覺(jué)效果和沖擊力。大字體更容易被閱讀。
這些策略都有助于持續地吸引用戶(hù)的注意力。
使用大一些的字體的意外后果是設計中的其他元素都可能變大。大字體有助于你在設計中創(chuàng )造更多的空間。更多的空間通常會(huì )創(chuàng )造出更舒適的用戶(hù)體驗,也增加了對比的元素,有助于將吸引用戶(hù)到設計的部分。(這是最基本的設計理論,但它有效。)
大一些的字體和增加的間距是大多數用戶(hù)不會(huì )看到或談?wù)摰脑兀麄儠?huì )意識到。這種體驗是很容易實(shí)現的,希望可以讓網(wǎng)站數據像網(wǎng)站駐留時(shí)間和訪(fǎng)問(wèn)者數量一樣上升。(這些措施可以是確定修改成大字體是否對用戶(hù)產(chǎn)生影響的關(guān)鍵因素。)
結論
“ Smashing Magazine”在2011年發(fā)表了一篇文章,認為小于16px的正文字體太小了。我同意這一說(shuō)法。
嘗試18,20甚至22pt大小的文字。即使起初看起來(lái)很尷尬,但你會(huì )發(fā)現它很容易閱讀,很容易理解,它讓內容感覺(jué)不那么強烈。使用戶(hù)用起來(lái)更方便,他們會(huì )感謝你并在你的網(wǎng)站上花費更多時(shí)間。
遼寧華睿科技有限公司是專(zhuān)業(yè)軟件開(kāi)發(fā)、高端錦州網(wǎng)站建設、云店商城開(kāi)發(fā)公司,歡迎建站咨詢(xún)。
(一)、全網(wǎng)推廣——錦州網(wǎng)站建設-華睿科技,整合公眾號、朋友圈,全面推廣、宣傳。
(二)、專(zhuān)業(yè)網(wǎng)站建設、淘寶、京東開(kāi)店傳圖運營(yíng)指導。
(三)、公眾號、小程序開(kāi)發(fā)運營(yíng)。
(四)、財務(wù)、進(jìn)銷(xiāo)存、生產(chǎn)管理軟件銷(xiāo)售、服務(wù)。
華睿科技咨詢(xún)電話(huà):13394162255 、13941609031。微信號同。公司地址:錦州市經(jīng)濟技術(shù)開(kāi)發(fā)區金山大街51號、遼寧省錦州市中央大街二段52號
本文內容來(lái)源于網(wǎng)絡(luò ),如有侵權請立即聯(lián)系刪除