當前位置:才華齋>設計>網頁設計>

網頁設計中的文字運用

網頁設計 閱讀(1.91W)

網頁設計中是不能缺少文字說明的,那麼網頁設計中的文字如何運用才會更加好呢,下面小編為大家介紹網頁設計中的文字運用吧!

網頁設計中的文字運用

字號

▼字號大小可以用不同的方式來計算,例如磅#er#或畫素(Pixel)。因為以畫素技術為基礎單位列印時需要轉換為磅,所以,建議採用磅為單位。

最適合於網頁正文顯示的字型大小為12磅左右,現在很多的綜合性站點,由於在一個頁面中需要安排的內容較多,通常採用9磅的字號。較大的字型可用於標題或其他需要強調的地方,小一些的字型可以用於頁尾和輔助資訊。需要注意的是,小字號容易產生整體感和精緻感,但可讀性較差。

字型

▼網頁設計者可以用字型來更充分地體現設計中要表達的情感

字型選擇是一種感性、直觀的行為。但是,無論選擇什麼字型,都要依據網頁的總體設想和瀏覽者的需要。

例如:粗體字強壯有力,有男性特點,適合機械、建築業等內容;細體字高雅細緻,有女性特點,更適合服裝化妝品、食品等行業的內容。

在同一頁面中,字型種類少,版面雅緻,有穩定感;字型種類多,則版面活躍,豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關係。

從加強平臺無關性的角度來考慮,正文內容最好採用預設字型。因為瀏覽器是用本地機器上的.字型檔顯示頁面內容的。作為網頁設計者必須考慮到大多數瀏覽者的機器裡只裝有三種字型型別及一些相應的特定字型。而你指定的字型在瀏覽者的機器裡並不一定能夠找到,這給網頁設計帶來很大的侷限。解決問題的辦法是:在確有必要使用特殊字型的地方,可以將文字製成影象,然後插入頁面中。

行距

▼行距的變化也會對文字的可讀性產生很大影響。

一般情況下,接近字型尺寸的行距設定比較適合正文。行距的常規比例為10:12,即用字10點,則行距12點。這主要是出於以下考慮:適當的行距會形成一條明顯的水平空白帶,以引導瀏覽者的目光,而行距過寬會使一行文字失去較好的延續性。

除了對於可讀性的影響,行距本身也是具有很強表現力的設計語言,為了加強版式的裝飾效果,可以有意識地加寬或縮窄行距,體現獨特的審美意趣。例如,加寬行距可以體現輕鬆、舒展的情緒,應用於娛樂性、抒情性的內容恰如其分。另外,通過精心安排,使寬、窄行距並存,可增強版面的空間層次與彈性,表現出獨到的匠心。

行距可以用行高(line-height)屬性來設定,建議以磅或預設行高的百分數為單位。例如:{line-height:20pt}、{line-height:150%}。