文本是重要的信息載體和交流工具,網(wǎng)頁(yè)中的信息也是以文本為主。雖然文字不如圖像直觀形象,但是卻能準(zhǔn)確地表達(dá)信息的內(nèi)容和含義。在確定網(wǎng)頁(yè)的版面布局后,我們還需要確定文本的樣式,如字體、字號(hào)、和顏色等,我們還可以將文字圖形化。
1、字體、字號(hào)、行距
在網(wǎng)頁(yè)中,中文默認(rèn)的標(biāo)準(zhǔn)字體是宋體,英文默認(rèn)是Times New Roman。如果我們?cè)诰W(wǎng)頁(yè)中沒(méi)有設(shè)置任何字體,瀏覽器將以這兩種字體顯示內(nèi)容。
字號(hào)大小可以使用磅(pt) 或像素(px) 來(lái)表示。-般網(wǎng)頁(yè)常用的字號(hào)大小為12磅左右。較大的字體可被用于標(biāo)題或其他需要強(qiáng)調(diào)的地方,小一-些的字體可以被用于頁(yè)腳和輔助信息。需要注意的是,小字號(hào)容易使人產(chǎn)生整體感和精致感,但可讀性較差。無(wú)論選擇什么字體,我們都要依據(jù)網(wǎng)頁(yè)的總體設(shè)想和瀏覽者的需要來(lái)選擇。在同頁(yè)面中,如果字體種類少,則版面雅致、有穩(wěn)重感;如果字體種類多,則版面活躍、豐富多彩。關(guān)鍵是我們?nèi)绾胃鶕?jù)頁(yè)面內(nèi)容來(lái)掌握這個(gè)比例關(guān)系。
行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響,一般情況下,接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為1012,即字用10磅,則行距用12磅。如圖1-12所示,行距太小,字體看著很不舒服,行距被適當(dāng)放大后,字體感覺(jué)比較合適。行距可以通過(guò)行高(ine hign)屬性被設(shè)置,筆者建議以研或默認(rèn)行高的百分?jǐn)?shù)為單位,如line-height: 20pt 或lne-eight: 150%。
2、文字的圖形化
所謂文字的圖形化,即把文字作為圖形元素來(lái)表現(xiàn),這同時(shí)又強(qiáng)化了其原有的功能。網(wǎng)頁(yè)設(shè)計(jì)師既可以按照常規(guī)的方式來(lái)設(shè)置字體,也可以對(duì)字體進(jìn)行藝術(shù)化處理。設(shè)計(jì)師將文字圖形化,以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想,能夠克服網(wǎng)頁(yè)的單調(diào)與平淡,從而打動(dòng)人心,圖1-13所示為圖形化的文字。網(wǎng)站式網(wǎng)站建設(shè)
1、字體、字號(hào)、行距
在網(wǎng)頁(yè)中,中文默認(rèn)的標(biāo)準(zhǔn)字體是宋體,英文默認(rèn)是Times New Roman。如果我們?cè)诰W(wǎng)頁(yè)中沒(méi)有設(shè)置任何字體,瀏覽器將以這兩種字體顯示內(nèi)容。
字號(hào)大小可以使用磅(pt) 或像素(px) 來(lái)表示。-般網(wǎng)頁(yè)常用的字號(hào)大小為12磅左右。較大的字體可被用于標(biāo)題或其他需要強(qiáng)調(diào)的地方,小一-些的字體可以被用于頁(yè)腳和輔助信息。需要注意的是,小字號(hào)容易使人產(chǎn)生整體感和精致感,但可讀性較差。無(wú)論選擇什么字體,我們都要依據(jù)網(wǎng)頁(yè)的總體設(shè)想和瀏覽者的需要來(lái)選擇。在同頁(yè)面中,如果字體種類少,則版面雅致、有穩(wěn)重感;如果字體種類多,則版面活躍、豐富多彩。關(guān)鍵是我們?nèi)绾胃鶕?jù)頁(yè)面內(nèi)容來(lái)掌握這個(gè)比例關(guān)系。
行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響,一般情況下,接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為1012,即字用10磅,則行距用12磅。如圖1-12所示,行距太小,字體看著很不舒服,行距被適當(dāng)放大后,字體感覺(jué)比較合適。行距可以通過(guò)行高(ine hign)屬性被設(shè)置,筆者建議以研或默認(rèn)行高的百分?jǐn)?shù)為單位,如line-height: 20pt 或lne-eight: 150%。
2、文字的圖形化
所謂文字的圖形化,即把文字作為圖形元素來(lái)表現(xiàn),這同時(shí)又強(qiáng)化了其原有的功能。網(wǎng)頁(yè)設(shè)計(jì)師既可以按照常規(guī)的方式來(lái)設(shè)置字體,也可以對(duì)字體進(jìn)行藝術(shù)化處理。設(shè)計(jì)師將文字圖形化,以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想,能夠克服網(wǎng)頁(yè)的單調(diào)與平淡,從而打動(dòng)人心,圖1-13所示為圖形化的文字。網(wǎng)站式網(wǎng)站建設(shè)
本文地址:http://m.heisem.cn/wangzhanjianshe//7658.html