
您網(wǎng)站上的正文文字設(shè)計(jì)的太小,會(huì)直接影響到你的營(yíng)銷(xiāo)效果,雖然臺(tái)式機(jī)顯示器和手機(jī)屏幕的尺寸似乎越來(lái)越大,但主體字體尺寸看起來(lái)卻縮小了。雖然他們?cè)瓉?lái)的大小是相同的,他們卻感覺(jué)比以往任何時(shí)候都小。
我經(jīng)常在屏幕上瞇著眼睛看內(nèi)容,不應(yīng)該是這樣才對(duì)。今天尚略
上海網(wǎng)站設(shè)計(jì)公司就帶您來(lái)看看這個(gè)網(wǎng)站字體大小直接影響網(wǎng)站營(yíng)銷(xiāo)效果問(wèn)題日益嚴(yán)重的原因,以及如何解決這個(gè)問(wèn)題!
在
網(wǎng)站設(shè)計(jì)建設(shè)方面,小文字是一個(gè)古老的概念。使用12點(diǎn)文本進(jìn)行正文設(shè)計(jì)的想法幾乎可以追溯到互聯(lián)網(wǎng)和數(shù)字出版的第一天,當(dāng)時(shí)文字處理器的默認(rèn)大小是12點(diǎn)。(這真是設(shè)計(jì)師如何開(kāi)始使用這個(gè)非官方的指導(dǎo)方針。)
但屏幕也小得多,而在距離你眼睛幾英尺的位置上的12點(diǎn)字是可以很清楚的閱讀。
超大標(biāo)題和小標(biāo)題已經(jīng)趨于相當(dāng)長(zhǎng)一段時(shí)間,你的正文需要趕上。即使是關(guān)于網(wǎng)站分析,營(yíng)銷(xiāo)和測(cè)試的博客Kissmetrics也指出,大多數(shù)網(wǎng)站的字體太小。他們甚至稱(chēng)這是“ 網(wǎng)頁(yè)設(shè)計(jì)的七大罪惡”之一。
這是一個(gè)很大的漏洞:你必須立即抓住用戶(hù)的注意力,而小型字體就不會(huì)為用戶(hù)的時(shí)間提供很多其他選項(xiàng)。
1.更容易閱讀
可讀性是一個(gè)大問(wèn)題。你為什么要設(shè)計(jì)一個(gè)用戶(hù)難以閱讀的網(wǎng)站?
第一個(gè)教訓(xùn)是在網(wǎng)絡(luò)上拋棄正文文本的純數(shù)字度量。如果你看不懂,你的文字是12點(diǎn)還是16點(diǎn),22點(diǎn)也沒(méi)關(guān)系。(文字大小并不是普遍的,而且根據(jù)字體的不同而不同。)正文文本應(yīng)該與屏幕上的所有內(nèi)容相稱(chēng),并且易于用戶(hù)從一定距離看到。
一段時(shí)間的標(biāo)準(zhǔn)是,單列中每行45到60個(gè)字符(這包括標(biāo)點(diǎn)和空格)是大多數(shù)讀者的理想長(zhǎng)度。因此,您需要考慮最常見(jiàn)的瀏覽器的大小,您使用的列的寬度,以及落入該范圍的文本大小。然后記住相應(yīng)地調(diào)整響應(yīng)斷點(diǎn)。
對(duì)于較小的屏幕,這個(gè)范圍稍微有些緊張,大多數(shù)人都認(rèn)為較大的文本更好。(感謝這個(gè)計(jì)數(shù)范圍的一半)
訣竅是創(chuàng)造一個(gè)舒適的閱讀規(guī)模。而且,文本越大,文本就越重要。太寬的文字可能會(huì)使閱讀時(shí)難以集中注意力,不能一一移動(dòng); 太窄的文本沒(méi)有一個(gè)好的節(jié)奏,并且在閱讀時(shí)導(dǎo)致眼睛移動(dòng)得太快。
2.使設(shè)計(jì)更直觀
文本的大小有助于網(wǎng)站設(shè)計(jì)的整體可用性。
如果所有文本按比例縮放,較大的正文副本也有助于其他用戶(hù)界面元素(如導(dǎo)航鏈接或按鈕文本)的大小。它可以幫助整體流動(dòng)。
較大的文本也將幫助您更好地做出有關(guān)內(nèi)容的決定和更有選擇的編輯,這對(duì)用戶(hù)來(lái)說(shuō)總是一件好事。精簡(jiǎn)有助于將最重要的元素帶到設(shè)計(jì)的最前沿。請(qǐng)記住,用戶(hù)對(duì)金魚(yú)的關(guān)注度 - 如果是這樣的 - 那么他們需要了解設(shè)計(jì)以及如何與之交互的一切信息一目了然。
這是另一個(gè)較大類(lèi)型的涓滴獎(jiǎng)金 - 它會(huì)鼓勵(lì)你重新思考填充,照片放置和線條間距。設(shè)計(jì)中的所有東西都將受益于重新思考類(lèi)型的大小,因?yàn)樗鼈兌际且恢碌貏?chuàng)建一個(gè)放在一起的最終產(chǎn)品。所有編輯和重新考慮如何放置零件都會(huì)導(dǎo)致可用性的提高,因?yàn)槟鷮?shí)際上是花時(shí)間評(píng)估設(shè)計(jì)中的各個(gè)元素,而不是像往常一樣將所有東西都放在一起。
3.減少視覺(jué)疲勞
用戶(hù)疲勞可能是一個(gè)真正的問(wèn)題。大多數(shù)人一整天都在看屏幕,從看手機(jī)到玩游戲到平板電腦,到電腦上工作或看電視。他們的眼睛累了。
較大的文字大小可以幫助減少一些屏幕疲勞。
屏幕疲勞的另一個(gè)常見(jiàn)原因是移動(dòng)設(shè)備的形式,用戶(hù)不得不跨越屏幕到達(dá)元素。越大的手機(jī)越容易被拇指觸及,越大的元素和正文可以幫助解決這個(gè)難題。
文本和其他用戶(hù)界面元素的大尺寸的一個(gè)重要原因之一是因?yàn)樗兄谡{(diào)整視覺(jué)顯示以匹配物理顯示,從而為用戶(hù)提供更多的舒適度。
4.增加了視覺(jué)沖擊
你希望你的網(wǎng)站設(shè)計(jì)給人以強(qiáng)烈的第一印象。較大的文本可以比較小的文本具有強(qiáng)烈的視覺(jué)效果和影響。這是更大膽,更重要,這需要你來(lái)閱讀。這些策略都有助于吸引用戶(hù)的注意力并堅(jiān)持下去。
使用較大字號(hào)的意想不到的結(jié)果是,您設(shè)計(jì)中的其他一切都可能會(huì)擴(kuò)大??臻g最有可能是這種情況。較大的類(lèi)型將有助于為設(shè)計(jì)中的更多空間創(chuàng)造空間。更多的空間往往創(chuàng)造出更舒適的用戶(hù)體驗(yàn),并增加了一個(gè)對(duì)比元素,可以幫助用戶(hù)吸引到設(shè)計(jì)中被占用的部分。(這是一個(gè)基本的設(shè)計(jì)理論,但它的工作原理。)
更大的類(lèi)型和更大的間距是大多數(shù)用戶(hù)不會(huì)看到或談?wù)摰脑?,但只?huì)發(fā)現(xiàn)他們欣賞。經(jīng)驗(yàn)將會(huì)更容易,希望能夠提高網(wǎng)站分析的質(zhì)量,例如網(wǎng)站的時(shí)間或每個(gè)訪問(wèn)者的頁(yè)面。(這些措施可能是決定是否向大型用戶(hù)轉(zhuǎn)變對(duì)用戶(hù)造成影響的關(guān)鍵因素。)
結(jié)論
“Smashing Magazine ”在2011年發(fā)表了一篇文章,聲稱(chēng)任何小于16像素的正文文本都太小。尚略設(shè)計(jì)公司非常同意這一點(diǎn),雖然我們自己的網(wǎng)站,一直都是14號(hào)字體,但我們更改的原因,只是因?yàn)槔衔募?,?shí)在是太多,修改起來(lái),工作量比較大。
實(shí)際上,尚略給很多客戶(hù)設(shè)計(jì)的網(wǎng)站,字體都使用了較大的字體,例如我們做的涌鏵投資網(wǎng)站,正文字體就全部使用了18號(hào)字體。
所以建議客戶(hù)也進(jìn)一步,測(cè)試18,20甚至22點(diǎn)為您的正文。即使看起來(lái)很尷尬,你會(huì)發(fā)現(xiàn)它很容易閱讀。這很容易消化。而且這會(huì)讓內(nèi)容感覺(jué)不太好。為用戶(hù)提供便利,他們會(huì)在您的網(wǎng)站上花費(fèi)更多時(shí)間來(lái)感謝您。
網(wǎng)站設(shè)計(jì)教程分享,尚略廣告,上海網(wǎng)站設(shè)計(jì)公司,上海品牌設(shè)計(jì)公司。
本文網(wǎng)址:http://m.907632.com/news_info.asp?id=3221,轉(zhuǎn)載請(qǐng)注明出處。