網(wǎng)頁中該用多大的字

將來電腦的大顯示屏?xí)絹碓狡占?，并且從現(xiàn)在web設(shè)計(jì)作品中能觀察到兩點(diǎn)趨勢(shì)：

頁面布局普遍更寬； 頁面內(nèi)容文字普遍更大。

使用1280×800和1280×1024的用戶越來越多，并且1440×900也占了相當(dāng)比例。也就是說，常規(guī)屏幕寬度已經(jīng)遠(yuǎn)遠(yuǎn)超出了曾經(jīng)1024的主流標(biāo)準(zhǔn)。好多網(wǎng)站首頁都把正文（或列表，后文不贅述）文字都改大了，基本打破由12px統(tǒng)一天下局面，因?yàn)楦叻制灵喿x小字會(huì)比較吃力。

同時(shí)，頁面上文字也不是越大就一定越好，因?yàn)榭雌饋肀容^大的感覺是相對(duì)的。如果頁面上90%都是12px的文字，剩下10%是14px，那么效果就比較突出；如果頁面上60%都是12px的文字，其余40%是14px，那么效果肯定很糟糕。而且保證首屏顯示內(nèi)容足夠多、足夠清晰是基本設(shè)計(jì)原則，因此需要折中最優(yōu)。個(gè)人判斷，如果將來屏幕普及更大更寬，首先布局趨勢(shì)不會(huì)更寬，其次頁面內(nèi)容文字不會(huì)更大，適應(yīng)1024寬度的960px/14px將是掃視、閱讀的最佳比例。

最近做某些評(píng)估時(shí)，還發(fā)現(xiàn)個(gè)規(guī)律——文字大小字號(hào)越少的頁面，傳達(dá)效果必然越受限。因?yàn)榭蓴U(kuò)展表現(xiàn)形式就那么幾種，中英文同時(shí)適用，只不過中文因可選字體太少會(huì)更明顯。如果再配合顏色差異，可以保證Web UI層次分明而豐富多彩，原理可參考07年總結(jié)內(nèi)容呈現(xiàn)的減法。

其實(shí)可訪問性原則的標(biāo)記語言已經(jīng)明確提到這點(diǎn)，針對(duì)h1-h6標(biāo)題的合理使用。但是任何效果都可以用style定義出來，那為什么要還h1-h6這么復(fù)雜？有人說為了搜索引擎友好，我認(rèn)為這不是根源，關(guān)鍵是提醒web設(shè)計(jì)師在語義角度注意呈現(xiàn)多樣化，包括對(duì)其他標(biāo)簽的合理使用。講究迎合搜索引擎那只是后來的事，因?yàn)樗阉饕嬗押玫囊?guī)則也是在參考W3C標(biāo)準(zhǔn)。前段時(shí)間學(xué)習(xí)幾個(gè)比較成熟的CSS框架，也特別關(guān)注了針對(duì)H1-H的處理。

中文最常用的是12px, 14px, 16px, 18px四種雙數(shù)定義。某些字體13px效果也不錯(cuò)，更大也不難看，但再小普遍瀏覽器的支持不好。相比之下，英文選擇豐富得多，從9px到更大，配合不同系統(tǒng)支持字體幾乎都有好效果，我相信這是英文web頁面比中文好看的重要原因之一。（為準(zhǔn)確闡述，本文統(tǒng)一使用PX單位計(jì)算）

網(wǎng)頁標(biāo)題：網(wǎng)頁中該用多大的字
標(biāo)題鏈接：http://www.bm7419.com/news12/310312.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站內(nèi)鏈、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)