網(wǎng)頁設(shè)計中需要用多大號的字體

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

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

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

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

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

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

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

當(dāng)前題目：網(wǎng)頁設(shè)計中需要用多大號的字體
轉(zhuǎn)載源于：http://www.bm7419.com/news33/315783.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、標(biāo)簽優(yōu)化、云服務(wù)器、微信公眾號、靜態(tài)網(wǎng)站、網(wǎng)站收錄

廣告

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