在網(wǎng)站建設(shè)中，字體的處理其實(shí)和圖形、版式、顏色的處理一樣。字體的編排合理、漂亮，可以給人以賞心悅目的感覺(jué)，為網(wǎng)站做到畫(huà)龍點(diǎn)睛的作用。字體編排合理，也會(huì)吸引讀者在網(wǎng)站閱讀更多的內(nèi)容。深圳網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)來(lái)給大家介紹下網(wǎng)站建設(shè)中字體的編排技巧。

1.文字圖形化

文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn)，這種形式在頁(yè)面的子欄目里面最為常用，因?yàn)樗哂型怀觯瑫r(shí)又美化了頁(yè)面，使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果，這是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

2.強(qiáng)調(diào)文字

如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，則可以通過(guò)加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果，使其在頁(yè)面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

3.合理設(shè)置行文本的長(zhǎng)度

我們隨手拿起一本書(shū)或者一份報(bào)紙，數(shù)一數(shù)每行的文字，一般情況下都不會(huì)超過(guò)40個(gè)漢字。據(jù)國(guó)外研究所調(diào)查表明：當(dāng)行文本太短時(shí)，用戶(hù)眼睛回轉(zhuǎn)的頻率增大了，閱讀節(jié)奏容易被打破。而當(dāng)行文本太長(zhǎng)時(shí)，又容易引起用戶(hù)閱讀疲勞(專(zhuān)注力下降)，從而導(dǎo)致其喪失閱讀欲望。

因此，如果想要給用戶(hù)一個(gè)良好的閱讀體驗(yàn)，網(wǎng)頁(yè)中的行文本長(zhǎng)度更好控制在60個(gè)字符(約30個(gè)漢字)左右，這可以提高文本的可讀性。另外，如果是移動(dòng)設(shè)備的話(huà)，行文本長(zhǎng)度則以30-40個(gè)字符為更佳。

4.合理的文字間距

通過(guò)設(shè)置間距，我們就可以控制文字的密度。如果每行間距太小，與文字過(guò)長(zhǎng)一樣，讀者瀏覽文章時(shí)也容易串行;如果行距過(guò)寬，閱讀時(shí)就會(huì)感覺(jué)文章不夠連貫。

間距沒(méi)有固定的值，通常是根據(jù)字體大小來(lái)定義的。在word里我們常看到雙倍行距、單倍行距和1.5倍行距的選項(xiàng)。網(wǎng)頁(yè)上行距的單位常用em來(lái)表示，不管是中文網(wǎng)站還是英文網(wǎng)站，大家多喜歡用1.5em-1.8em的行距。以1.6em的行距為例，字號(hào)16px的字，行距就是25.6px。

1.5-1.8em的行距的確是非常適于閱讀的文字密度。

5.使用標(biāo)準(zhǔn)字體

字體分為襯線體(serif)與非襯線體(sans serif)。簡(jiǎn)單的說(shuō)，襯線體(serif)就是帶有襯線的字體，筆畫(huà)粗細(xì)不同并帶有額外的裝飾，開(kāi)始和結(jié)尾有明顯的筆觸。常用的英文襯線體有Times New Roman和Georgia，中文即是我們?cè)趙indows下最常見(jiàn)的中易宋體。

與襯線體相反，無(wú)襯線裝飾，筆畫(huà)粗細(xì)無(wú)明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體，中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。

6.使用一種字體

正常情況下，頁(yè)面中采用一種字體就好了，因?yàn)楫?dāng)一個(gè)頁(yè)面中使用的字體超過(guò)3 種時(shí)，會(huì)給用戶(hù)帶來(lái)“不專(zhuān)業(yè)”、“沒(méi)有權(quán)威性”、“沒(méi)有層次結(jié)構(gòu)”之類(lèi)的感覺(jué)。如果需要選用兩種字體的話(huà)，但也應(yīng)該盡量把字體間的差異性降到更低，在視覺(jué)體驗(yàn)上盡量和諧。

7.字體大小的選擇

網(wǎng)站建設(shè)中字體大小的選擇是用戶(hù)體驗(yàn)中的一個(gè)重要部分，過(guò)大過(guò)小都會(huì)影響用戶(hù)體驗(yàn)。在制作網(wǎng)頁(yè)的時(shí)候，我們可以根據(jù)文字在網(wǎng)頁(yè)中的不同位置和不同等級(jí)來(lái)分別使用不同大小的字體。相對(duì)來(lái)說(shuō)，內(nèi)容標(biāo)題可以使用較大的字體，而內(nèi)容小標(biāo)題可以采用次一號(hào)的字體，而內(nèi)容正文則可以采用正常大小的字體。

對(duì)于不同的分辨率，不同的顯示器尺寸，不同的DPI，乃至不同的瀏覽器設(shè)置，都會(huì)對(duì)最終在瀏覽器上展現(xiàn)出來(lái)的文字大小帶來(lái)影響。更好的方式還是在網(wǎng)頁(yè)制作時(shí)根據(jù)用戶(hù)的分辨率給用戶(hù)一個(gè)比較美觀的默認(rèn)字體大小。大多數(shù)專(zhuān)業(yè)的網(wǎng)站建設(shè)人員，都會(huì)習(xí)慣性的使用某一字體大小，比如14px或12px，因?yàn)?2px和14px基本已經(jīng)成了大多數(shù)網(wǎng)站字體的標(biāo)準(zhǔn)大小，而11px、13px、15px等大小則涉及到一個(gè)鋸齒的問(wèn)題，特別是在早期的顯示器中，往往不能很好的處理文字的鋸齒問(wèn)題，使用單數(shù)的像素，極有可能造成鋸齒，所以通常采用偶數(shù)的大小。

本文名稱(chēng)：企業(yè)網(wǎng)站建設(shè)策劃方案的十二個(gè)步驟分享
文章網(wǎng)址：http://m.newbst.com/news/146034.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

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