你的網(wǎng)站的正文字體太小了。盡管電腦顯示器和手機(jī)屏幕的尺寸在增大,但是字體似乎在縮小
。雖然他們的原始字體大小是一樣的,但他們感覺上比以往要小。
我常常發(fā)現(xiàn)自己瞇著眼睛看屏幕上的內(nèi)容。這不應(yīng)該是這樣的。今天我們就來看看這個(gè)日益突出的問題以及如何解決這個(gè)問題!
更大文本的案例
小字體是
網(wǎng)站設(shè)計(jì)方面的老派概念。使用12pt字體的想法可以追溯到互聯(lián)網(wǎng)和數(shù)字化出版的第一天,那時(shí)字體默認(rèn)大小是12pt。(這就是為什么設(shè)計(jì)師開始使用這個(gè)非官方的指南。)
但是那時(shí)的屏幕也更小。12pt字體在距你眼睛幾英尺的位置可以較好的閱讀。
大標(biāo)題和副標(biāo)題已經(jīng)流行了一段時(shí)間,正文部分也需要趕上。一個(gè)關(guān)于網(wǎng)站分析,營銷和測試的博客Kissmetrics提到絕大多數(shù)的網(wǎng)站的字體太小,他們甚至稱之為“
網(wǎng)頁設(shè)計(jì)的7大致命罪”之一。
這是一個(gè)很大的原因:您必須立即吸引用戶的注意力,而且小型字體不會(huì)因?yàn)橛脩舻臅r(shí)間而使用其他許多選項(xiàng)進(jìn)行切割。
還不信?這里還有四個(gè)你的正文字體應(yīng)該更大的理由。
1.閱讀更容易
可讀性是一件大事。為什么要設(shè)計(jì)一個(gè)用戶難以閱讀的網(wǎng)站?
第一個(gè)教訓(xùn)就是在網(wǎng)絡(luò)上擺放正文文字的純數(shù)字度量。無論您的字體是12pt還是16pt或22pt,如果您無法讀取,這并不重要。(文字大小不是通用的,而且取決于字體。)正文文本應(yīng)與屏幕上的其他內(nèi)容成比例,方便用戶從遠(yuǎn)處看到。
一段時(shí)間的標(biāo)準(zhǔn)是,單列中每行45到60個(gè)字符(包括標(biāo)點(diǎn)符號和空格)是大多數(shù)讀者的理想長度。所以,您需要考慮最常見的瀏覽器的大小,即您正在使用的列的寬度,并以一定大小的文本范圍開始。然后記得相應(yīng)調(diào)整響應(yīng)斷點(diǎn)。
對于較小的屏幕,范圍有些更緊密,大多數(shù)人都認(rèn)為較大的文字更好。(感謝一半的行計(jì)數(shù)范圍。)
訣竅是創(chuàng)建一個(gè)舒適的閱讀量表。而且你需要使用的正文字體越多,這就越重要。太寬的文字在閱讀時(shí)可能難以集中精力和逐行移動(dòng); 太窄的文字沒有一個(gè)很好的節(jié)奏,導(dǎo)致閱讀時(shí)眼睛移動(dòng)太快。
2.它使設(shè)計(jì)更直觀
文本的大小有助于網(wǎng)站設(shè)計(jì)的整體可用性。
如果所有文本按比例縮放,較大的身體副本也有助于阻止其他用戶界面元素(如導(dǎo)航鏈接或按鈕文字)的大小。它可以幫助整體流動(dòng)。
更大的文字還將幫助您更好地決定內(nèi)容和更有選擇地進(jìn)行編輯,這對用戶來說總是一件好事。這種精簡有助于將最重要的元素帶到設(shè)計(jì)的前沿。請記住,用戶有一個(gè)金魚的注意力 - 如果這樣 - 所以他們需要了解設(shè)計(jì)和如何與它進(jìn)行交互的一切都必須一目了然。
這是更大型的其他涓滴獎(jiǎng)金 - 它會(huì)鼓勵(lì)您重新考慮填充,照片放置和排序。設(shè)計(jì)中的一切都將受益于重新思考類型尺寸,因?yàn)樗鼈兌寄芤恢碌貏?chuàng)建一個(gè)放在一起的最終產(chǎn)品。所有編輯和重新思考如何放置零件都可以提高可用性,因?yàn)槟鷮?shí)際上花時(shí)間來評估設(shè)計(jì)中的各個(gè)元素,而不是像通常那樣以一樣的方式擺脫所有這些。
3.減少疲勞
用戶疲勞可能是一個(gè)真正的問題。大多數(shù)人整天都在看屏幕,從手機(jī)上看,玩游戲,平板電腦,看電視,看電視。他們的眼睛很累。
較大的文本大小可以幫助減少一些屏幕疲勞。
屏幕疲勞的另一個(gè)常見來源是移動(dòng)設(shè)備的形式,用戶必須跨屏幕覆蓋元素。較大的手機(jī)是縮小的區(qū)域,容易達(dá)到拇指,但更大的元素和身體文字可以幫助解決這個(gè)困境。
文本和其他用戶界面元素更大尺寸的一個(gè)原因是重要的,因?yàn)樗兄谡{(diào)整視覺顯示以匹配物理顯示,為用戶提供更多的舒適感。
4.增加視覺沖擊力
您希望您的
網(wǎng)站設(shè)計(jì)產(chǎn)生強(qiáng)烈的第一印象。較大的文字可能具有較強(qiáng)的視覺效果和影響力。這更大膽更多的在你的臉上。它需要閱讀。
這些策略都有助于抓住用戶的注意力并堅(jiān)持下去。
使用更大身材類型的意想不到的后果是設(shè)計(jì)中的其他一切都可能會(huì)擴(kuò)大。這很可能是空間的情況。更大的類型將有助于您在設(shè)計(jì)中創(chuàng)造更多的空間。更多的空間通常會(huì)創(chuàng)造出更舒適的用戶體驗(yàn),并增加了一個(gè)對比度的元素,有助于吸引用戶到設(shè)計(jì)的占用部分。(這是設(shè)計(jì)理論的基礎(chǔ),但它的作用。)
更大的類型和增加的間距是大多數(shù)用戶不會(huì)看到或談?wù)摰脑?,但?huì)發(fā)現(xiàn)他們欣賞。這種經(jīng)驗(yàn)將會(huì)更加容易,希望會(huì)導(dǎo)致網(wǎng)站分析的上升,例如網(wǎng)站上的時(shí)間或每位訪客的網(wǎng)頁。(這些措施可能是確定移動(dòng)到較大型號是否對用戶有所作為的關(guān)鍵因素。)
結(jié)論
“Smashing Magazine”雜志在2011年發(fā)表了一篇文章,認(rèn)為正文字體少于16像素太小。我會(huì)傾向于同意,然后再走一步。測試18,20或甚至22pt為您的正文副本。即使看起來很尷尬,你會(huì)發(fā)現(xiàn)它很容易閱,很容易消化。它使內(nèi)容感到有點(diǎn)不那么壓倒性,使用戶方便,他們會(huì)在您的網(wǎng)站上花費(fèi)更多時(shí)間。
新聞名稱:為什么你的正文字體應(yīng)該更大的四個(gè)理由-創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)
新聞來源:http://www.rwnh.cn/news/226767.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)