關于網頁設計當中字體的利用技巧
?
盡管CSS中的設置選擇相對有限,但僅憑CSS語法就能設計出風格迥異的版式。襯線或無襯線?大字體或小字體?行高、行距、字體大小、間隙。為找出現代網站設計中常用的版式設計模板,解決其中常見的一些問題,
金華微網站開發(fā)的技術工程師們深入研究了幾十個流行網站,這些網站中版式設計的重要性非同一般,或者說,至少應該做到不落窠臼。研究對象包括了流行報紙、雜志、博客以及各種各樣涉及版式的網站。工程師們仔細分析了它們的版式設計和樣式表,尋找其相同點與不同點。同時把研究結果整合在電子表格中,列出了網站的各種數值,比如行高與寬比。
?
?
?
?
?
?
關于襯線字體還是無襯線字體的爭論,設計者們在正文部分應該使用襯線字體還是無襯線字體是網站版式設計中討論最多同時也沒有答案的話題。有些設計者傾向于把標題設置為襯線字體,也就是在字母的筆劃末端加上一些簡短的裝飾性線條,好讓標題更具吸引力。選擇襯線字體設置標題的主要原因在于,在較大字體下,襯線字體不僅易讀,而且賞心悅目。另外,標題的襯線字體與正文部分的無襯線字體之間的對比也非常有意思。有些設計者則更偏愛無襯線字體,因為他們認為字母筆劃的末端線條可以引導讀者從一個字母看向下一個,從而讓瀏覽和閱讀都更方便舒適。所調查的網站中有三分之二在正文部分使用了無襯線字體。其中緣由可能是,盡管先進的字體替換技巧越來越受歡迎,多數設計師還是堅持使用主要的網頁字體。而其實他們只有兩種選擇:Georgia和Times NewRoman,但因為Times New Roman使用過程中的小瑕疵,常常讓現代網站看起來很過時,所以就只剩下Georgia這一個選項。無襯線字體則給網站提供了更多的選擇。
?
令人驚訝的是,盡管字體替換技巧越來越流行,預設到系統(tǒng)中的新字體的可用性越來越高,而我們的研究對象們使用最多的卻是傳統(tǒng)字體、主要的網頁字體,其中只有一些例外:Lucida Grande(只有Mac系統(tǒng)才有)、Helvetica和Baskervilleo。不難看出,Arial、Georgia和Verdana字體是目前正文部分用得最多的字體類型。我們的研究顯示,80%的網站都會使用這三者中的一種,而其余20%的網站設計師們則鐘情于Helvetica和Lucida Grande字體。
?