熱門(mén)標(biāo)簽
- 吉祥物設(shè)計(jì)得比較好的網(wǎng)站
- 西姜寨網(wǎng)站設(shè)計(jì)
- 烏鴉泡做網(wǎng)站
- 隴田SEO
- 巨寶網(wǎng)站制作
- 剛察制作網(wǎng)站
- 岳陽(yáng)百度
- 利福塔網(wǎng)站定制
- 八都網(wǎng)站定制
- 口湖制作網(wǎng)頁(yè)
- 渭沱網(wǎng)站設(shè)計(jì)
- 長(zhǎng)橋網(wǎng)站開(kāi)發(fā)
- 羊沙網(wǎng)絡(luò)推廣
- 時(shí)尚創(chuàng)意字體設(shè)計(jì)網(wǎng)站
- 井口街道網(wǎng)站建設(shè)公司
- 只樂(lè)高端網(wǎng)站建設(shè)
- 沂堂制作網(wǎng)頁(yè)
- 昌碩網(wǎng)站建設(shè)公司
- 荊家莊網(wǎng)站定制
- 唐加網(wǎng)站制作
熱文推薦
- 網(wǎng)站建設(shè)類(lèi)型中常見(jiàn)的幾種建站類(lèi)型…
- P2P網(wǎng)貸網(wǎng)站站內(nèi)的四種優(yōu)化方向
- 關(guān)于高質(zhì)量的偽原創(chuàng)軟文是如何練就…
- 中小型企業(yè)網(wǎng)站如何做好SEO營(yíng)銷(xiāo)?…
- 外貿(mào)網(wǎng)站建站時(shí),應(yīng)該掌握哪些局部…
- Sigaze網(wǎng)站建設(shè):介紹站長(zhǎng)經(jīng)常需要…
- 深圳微信營(yíng)銷(xiāo)公司教你如何做微信推…
- 附近有錢(qián)人,支付寶到位逆天功能即…
- 政府網(wǎng)站建站技巧有哪些
- 如何制定電商網(wǎng)站設(shè)計(jì)方案呢?
網(wǎng)頁(yè)設(shè)計(jì)中字號(hào)的秘密!
大文本的案例
小字體的網(wǎng)站設(shè)計(jì)是老派概念。正文字體尺寸使用12pt的想法幾乎可以追溯到互聯(lián)網(wǎng)和數(shù)字出版的第一天,當(dāng)時(shí)文字處理器的默認(rèn)大小是12pt。(這正是設(shè)計(jì)師開(kāi)始使用非官方指南的原因。)
那時(shí)屏幕也小的多,而12pt的文本在距你眼睛幾英尺的地方也可以很好的閱讀。
超大的標(biāo)題和副標(biāo)題已經(jīng)流行了一段時(shí)間,正文部分也需要趕上。一個(gè)關(guān)于網(wǎng)站分析,營(yíng)銷(xiāo)和測(cè)試的博客Kissmetrics注意到,大多數(shù)網(wǎng)站的字體太小,他們甚至稱(chēng)之為“網(wǎng)頁(yè)設(shè)計(jì)的7宗罪”之一。
有一個(gè)很大的原因:你必須立即吸引用戶的注意力,而小字體沒(méi)有更多能留住用戶時(shí)間的有價(jià)值的點(diǎn)。
還不信?這里還有四個(gè)正文字體應(yīng)該更大的原因。
1.閱讀更容易
可讀性是一件大事。你為什么設(shè)計(jì)一個(gè)用戶難以閱讀的網(wǎng)站?
第一點(diǎn)是在Web上放棄對(duì)正文字體的純數(shù)值度量。無(wú)論你的字體是12pt還是16pt或22pt,如果無(wú)法讀取,這些都不重要了。(字體大小不是通用的,隨著字體的不同而不同。)正文應(yīng)該與屏幕上的其他內(nèi)容相稱(chēng),便于用戶可以從遠(yuǎn)處看到。
一段時(shí)間的標(biāo)準(zhǔn)是,單列中的每行45到60個(gè)字符(包括標(biāo)點(diǎn)符號(hào)和空格)是大多數(shù)讀者的理想長(zhǎng)度。因此,你需要考慮最常見(jiàn)瀏覽器的尺寸、所使用的列的寬度以及適合該范圍的文字大小。記得調(diào)整相應(yīng)的斷點(diǎn)。
對(duì)于較小的屏幕,范圍更緊密,大多數(shù)人都認(rèn)為較大的字體更好。(行數(shù)范圍的一半。)
訣竅是創(chuàng)建一個(gè)適合閱讀的刻度。你要處理的文字尺寸越多,這就越重要。在逐行閱讀時(shí),太寬的字體讓人難以集中精力; 太擁擠導(dǎo)致閱讀時(shí)眼睛移動(dòng)太快,沒(méi)有一個(gè)很好的節(jié)奏。
2.使設(shè)計(jì)更直觀
字體的大小有助于網(wǎng)站設(shè)計(jì)的整體可用性。
如果所有字體按比例縮放,大字體可以幫助其他用戶界面元素(如導(dǎo)航鏈接或按鈕文本)尺寸的調(diào)整。它有助于整體流程。
大字體還可以幫助你更好地決定內(nèi)容以及有選擇性的進(jìn)行編輯,這對(duì)用戶來(lái)說(shuō)是一件好事。這種精簡(jiǎn)有助于將最重要的元素呈現(xiàn)在設(shè)計(jì)之上。請(qǐng)記住,用戶的關(guān)注時(shí)間很短, 那么他們需要了解的設(shè)計(jì)和如何與之交互的一切都必須一目了然。
設(shè)計(jì)中的一切都將受益于重新思考字體尺寸,因?yàn)樗鼈児餐闯勺罱K的產(chǎn)品。所有編輯和重新思考如何放置的部分可以提高可用性,因?yàn)槟慊〞r(shí)間來(lái)評(píng)估設(shè)計(jì)中的各個(gè)元素,而不是像往常那樣按照相同的方式擺放所有的東西。
3.減少疲勞
用戶疲勞是一個(gè)真實(shí)存在的問(wèn)題。大多數(shù)人整天都在看屏幕,瀏覽手機(jī)、玩游戲、平板電腦、在電腦上工作或看電視。他們的眼睛已經(jīng)很疲勞了。
大一些的字體可以幫助減少一些看屏幕的疲勞。
屏幕疲勞的另一個(gè)常見(jiàn)來(lái)源是移動(dòng)設(shè)備,用戶必須通過(guò)屏幕獲取元素。大手機(jī)正在減少拇指容易觸及的區(qū)域,但較大的元素和字體可以幫助解決這個(gè)難題。
變大字體和其他用戶界面元素是很重要的一個(gè)原因是,因?yàn)樗兄谡{(diào)整視覺(jué)顯示與物理顯示相匹配,從而為用戶提供更多的舒適感。
4.增加視覺(jué)沖擊力
你希望你的網(wǎng)站設(shè)計(jì)可以讓用戶產(chǎn)生強(qiáng)烈的第一印象。較大的字體比較小的字體更具有強(qiáng)烈的視覺(jué)效果和沖擊力。大字體更容易被閱讀。
這些策略都有助于持續(xù)地吸引用戶的注意力。
使用大一些的字體的意外后果是設(shè)計(jì)中的其他元素都可能變大。大字體有助于你在設(shè)計(jì)中創(chuàng)造更多的空間。更多的空間通常會(huì)創(chuàng)造出更舒適的用戶體驗(yàn),也增加了對(duì)比的元素,有助于將吸引用戶到設(shè)計(jì)的部分。(這是最基本的設(shè)計(jì)理論,但它有效。)
大一些的字體和增加的間距是大多數(shù)用戶不會(huì)看到或談?wù)摰脑?,但他們?huì)意識(shí)到。這種體驗(yàn)是很容易實(shí)現(xiàn)的,希望可以讓網(wǎng)站數(shù)據(jù)像網(wǎng)站駐留時(shí)間和訪問(wèn)者數(shù)量一樣上升。(這些措施可以是確定修改成大字體是否對(duì)用戶產(chǎn)生影響的關(guān)鍵因素。)
結(jié)論
“ Smashing Magazine”在2011年發(fā)表了一篇文章,認(rèn)為小于16px的正文字體太小了。我同意這一說(shuō)法。
嘗試18,20甚至22pt大小的文字。即使起初看起來(lái)很尷尬,但你會(huì)發(fā)現(xiàn)它很容易閱讀,很容易理解,它讓內(nèi)容感覺(jué)不那么強(qiáng)烈。使用戶用起來(lái)更方便,他們會(huì)感謝你并在你的網(wǎng)站上花費(fèi)更多時(shí)間。
http://ezekroy.com/wangzhansheji/3357.html 網(wǎng)頁(yè)設(shè)計(jì)中字號(hào)的秘密!
相關(guān)新聞
- 深圳網(wǎng)頁(yè)設(shè)計(jì)公司是怎么設(shè)計(jì)網(wǎng)站的?
- 設(shè)計(jì)網(wǎng)站的成本價(jià)格費(fèi)用是多少錢(qián)?
- 企業(yè)在進(jìn)行網(wǎng)站建設(shè)的時(shí)候要達(dá)到哪些要求?
- 網(wǎng)站首頁(yè)banner設(shè)計(jì)的技巧有哪些?
- 深圳網(wǎng)站設(shè)計(jì),商城網(wǎng)站設(shè)計(jì)需要注意哪些問(wèn)題…
- 網(wǎng)站制作設(shè)計(jì)的重要性是什么?
- 搭建一個(gè)搞品質(zhì)的網(wǎng)站,在設(shè)計(jì)上要包含哪些內(nèi)…
- 品牌網(wǎng)站建設(shè)設(shè)計(jì)的作用是什么?