南通颐猩文化传播有限公司

當前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

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

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

  域名預訂/競價,好“米”不錯過

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

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

網(wǎng)頁設計與字體選擇

1、字體的大小

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

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

2、字體的選擇

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

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

3、特殊字體的設置

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

4、字體的顏色

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

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

字體顏色

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

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關文章

熱門排行

信息推薦