當(dāng)前位置:首頁 >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

細(xì)節(jié)處見真章:淺談網(wǎng)頁設(shè)計(jì)中字體的使用

 2016-06-02 15:34  來源: A5企業(yè)專欄   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過

在設(shè)計(jì)網(wǎng)頁時(shí),文字是網(wǎng)頁中數(shù)量最多、使用最廣泛的一種頁面元素:文字排版、字體選擇、字體顏色大小粗細(xì)等細(xì)節(jié)往往是網(wǎng)頁設(shè)計(jì)中非常重要的細(xì)節(jié)。好的字體排版,可以讓人耐心的看完那些文字,然后得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時(shí),字體的選擇、大小等,還應(yīng)該配合企業(yè)的VI識(shí)別系統(tǒng),還需要配合你作品需要表達(dá)的思想感情來確定。

在網(wǎng)頁設(shè)計(jì)中,對(duì)字體的要求也是有一定的技巧可言的。下面我們就對(duì)網(wǎng)頁字體設(shè)計(jì)的注意事項(xiàng)做一些介紹。

網(wǎng)頁設(shè)計(jì)與字體選擇

1、字體的大小

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

在CSS中,最常用的描述字體大小的單位有兩個(gè),即em和px。通常認(rèn)為em為相對(duì)大小單位,而px為絕對(duì)大小單位。但從實(shí)際應(yīng)用中來講,px像素有時(shí)也像是一種相對(duì)大小單位。比如,在一塊15寸分辨率為800×600像素的屏幕上,10px大小的文字,要比一塊10寸分辨率1024×768像素的屏幕上的10px大小的文字顯得更大一些。px為像素單位,20px表示20個(gè)像素大小,在現(xiàn)在的網(wǎng)頁設(shè)計(jì)中,常被用來表示字體大小,方便且直觀。比如12px,14px就是用px作為字體大小,而16px為中等字體,18px為較大字體,12px為偏小字體。em為相對(duì)大小單位,它表示的字體大小不固定,根據(jù)基礎(chǔ)字體大小進(jìn)行相對(duì)大小的處理。瀏覽器默認(rèn)的字體大小為 16px,如果一段文字指定1em,那么就是代表16px大小,而2em就是32px大小。相對(duì)大小單位有很廣泛的用途,由于它的相對(duì)性,對(duì)跨平臺(tái)跨設(shè)備的字體大小處理上很有優(yōu)勢(shì),只是無法直觀的看到大小。

2、字體的選擇

網(wǎng)頁字體的使用一般選擇宋體等比較常用的字體。不要出現(xiàn)生僻字體,防止用戶因沒安裝對(duì)應(yīng)字體造成顯示錯(cuò)誤。windows另外自帶了40多種英文字體和5種中文字體。這些字體,你也可以在網(wǎng)頁里自由使用和設(shè)置。凡是使用windows操作系統(tǒng)的瀏覽器都可以正確顯示這些字體,但在其它操作系統(tǒng)里,如unix則不能完全正確顯示。

不同操作系統(tǒng)都有不同的字體系統(tǒng),但既然是字體,總有一些比較經(jīng)典老牌的字體共同存在于各個(gè)系統(tǒng)中。例如無襯線的 Arial 字體,它產(chǎn)生的時(shí)間比較早,同時(shí)價(jià)格低廉,所以從早期就被 windows 操作系統(tǒng)使用,在其他的操作系統(tǒng)中,也會(huì)有較好的不同于默認(rèn)字體的顯示效果。

3、特殊字體的設(shè)置

如果你需要用一種特殊的字體來體現(xiàn)你的風(fēng)格,那么特殊字體或藝術(shù)字體最好以圖片的方式置入網(wǎng)頁。需要用這種字體的地方用圖片代替,以保證所有人看到的頁面是同一效果。

4、字體的顏色

通常來說,文章都是白底黑字,黑色的。所以網(wǎng)頁中的文字,通常使用黑色,或者淺灰色,這樣更加符合大眾的口味。如果不是一些很有創(chuàng)意的設(shè)計(jì),請(qǐng)不要隨便的使用顏色。

網(wǎng)頁設(shè)計(jì)中,要避免一些特殊顏色,比如藍(lán)色。藍(lán)色代表著網(wǎng)頁中的超鏈接,如果網(wǎng)頁中有一段藍(lán)色的文字,會(huì)讓人誤以為是可以點(diǎn)擊的超鏈接。所以這種顏色如無特別必要,要盡量避免。

字體顏色

總之,靈活設(shè)計(jì)字體的類型、樣式、大小和顏色,才能使整個(gè)網(wǎng)頁中的字體富于變化,給人們以美的享受,我們?cè)诰W(wǎng)頁設(shè)計(jì)過程中,必須要高度重視。本文由免費(fèi)好用的微企點(diǎn)(www.wqdian.com)H5自助建站平臺(tái)提供。用微企點(diǎn)建網(wǎng)站,上手快、顏值高、跨多屏、自傳播、全免費(fèi)。

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
設(shè)計(jì)字體
網(wǎng)頁字體

相關(guān)文章

熱門排行

信息推薦