在設(shè)計網(wǎng)頁時,文字是網(wǎng)頁中數(shù)量最多、使用最廣泛的一種頁面元素:文字排版、字體選擇、字體顏色大小粗細(xì)等細(xì)節(jié)往往是網(wǎng)頁設(shè)計中非常重要的細(xì)節(jié)。好的字體排版,可以讓人耐心的看完那些文字,然后得到其中的重要信息,還可以影響到瀏覽者閱讀的心情。同時,字體的選擇、大小等,還應(yīng)該配合企業(yè)的VI識別系統(tǒng),還需要配合你作品需要表達(dá)的思想感情來確定。
在網(wǎng)頁設(shè)計中,對字體的要求也是有一定的技巧可言的。下面我們就對網(wǎng)頁字體設(shè)計的注意事項做一些介紹。
網(wǎng)頁設(shè)計與字體選擇
1、字體的大小
網(wǎng)站建設(shè)中字體大小的選擇是用戶體驗中的一個重要部分,過大過小都會影響用戶體驗。在制作網(wǎng)頁的時候,我們可以根據(jù)文字在網(wǎng)頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說,內(nèi)容標(biāo)題可以使用較大的字體,而內(nèi)容小標(biāo)題可以采用次一號的字體,而內(nèi)容正文則可以采用正常大小的字體。
在CSS中,最常用的描述字體大小的單位有兩個,即em和px。通常認(rèn)為em為相對大小單位,而px為絕對大小單位。但從實際應(yīng)用中來講,px像素有時也像是一種相對大小單位。比如,在一塊15寸分辨率為800×600像素的屏幕上,10px大小的文字,要比一塊10寸分辨率1024×768像素的屏幕上的10px大小的文字顯得更大一些。px為像素單位,20px表示20個像素大小,在現(xiàn)在的網(wǎng)頁設(shè)計中,常被用來表示字體大小,方便且直觀。比如12px,14px就是用px作為字體大小,而16px為中等字體,18px為較大字體,12px為偏小字體。em為相對大小單位,它表示的字體大小不固定,根據(jù)基礎(chǔ)字體大小進(jìn)行相對大小的處理。瀏覽器默認(rèn)的字體大小為 16px,如果一段文字指定1em,那么就是代表16px大小,而2em就是32px大小。相對大小單位有很廣泛的用途,由于它的相對性,對跨平臺跨設(shè)備的字體大小處理上很有優(yōu)勢,只是無法直觀的看到大小。
2、字體的選擇
網(wǎng)頁字體的使用一般選擇宋體等比較常用的字體。不要出現(xiàn)生僻字體,防止用戶因沒安裝對應(yīng)字體造成顯示錯誤。windows另外自帶了40多種英文字體和5種中文字體。這些字體,你也可以在網(wǎng)頁里自由使用和設(shè)置。凡是使用windows操作系統(tǒng)的瀏覽器都可以正確顯示這些字體,但在其它操作系統(tǒng)里,如unix則不能完全正確顯示。
不同操作系統(tǒng)都有不同的字體系統(tǒng),但既然是字體,總有一些比較經(jīng)典老牌的字體共同存在于各個系統(tǒng)中。例如無襯線的 Arial 字體,它產(chǎn)生的時間比較早,同時價格低廉,所以從早期就被 windows 操作系統(tǒng)使用,在其他的操作系統(tǒng)中,也會有較好的不同于默認(rèn)字體的顯示效果。
3、特殊字體的設(shè)置
如果你需要用一種特殊的字體來體現(xiàn)你的風(fēng)格,那么特殊字體或藝術(shù)字體最好以圖片的方式置入網(wǎng)頁。需要用這種字體的地方用圖片代替,以保證所有人看到的頁面是同一效果。
4、字體的顏色
通常來說,文章都是白底黑字,黑色的。所以網(wǎng)頁中的文字,通常使用黑色,或者淺灰色,這樣更加符合大眾的口味。如果不是一些很有創(chuàng)意的設(shè)計,請不要隨便的使用顏色。
網(wǎng)頁設(shè)計中,要避免一些特殊顏色,比如藍(lán)色。藍(lán)色代表著網(wǎng)頁中的超鏈接,如果網(wǎng)頁中有一段藍(lán)色的文字,會讓人誤以為是可以點擊的超鏈接。所以這種顏色如無特別必要,要盡量避免。
字體顏色
總之,靈活設(shè)計字體的類型、樣式、大小和顏色,才能使整個網(wǎng)頁中的字體富于變化,給人們以美的享受,我們在網(wǎng)頁設(shè)計過程中,必須要高度重視。本文由免費(fèi)好用的微企點(www.wqdian.com)H5自助建站平臺提供。用微企點建網(wǎng)站,上手快、顏值高、跨多屏、自傳播、全免費(fèi)。
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!