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