善網(wǎng)站的可讀性的方式是增加字號。 如同本文中提到的大部分規(guī)則，更大的字體意味這更多的空白。 字母越大，字母的中間和四周就會出現(xiàn)更多空白。如下圖中的”a“字，字號越大，除了四周的空白越大，字母“a ”字臂和字谷中的空白也更大。

　　要注意，淺色背景上的小號文本比暗色背景上的更容易閱讀。 所以在設(shè)計新網(wǎng)站時，要使用一些虛擬文本來做測試，以確保文本的易讀性， 如果不行，嘗試增加字號看是否有幫助

　　四、如何選用字體

　　字體在設(shè)計中扮演著重要的角色，在深底色設(shè)計中我們應(yīng)該更謹(jǐn)慎地考慮字體的選用。 下圖中示范了在深色背景中14號無襯線字體和襯線字體的顯示效果。

　　(譯注：襯線：例如右邊Serif的“S”字母曲線兩端的小筆畫，那就是襯線。中文中的襯線字體是宋體，無襯線字體是黑體。襯線字體除了有筆畫頂端的裝飾筆畫，線條有明顯的粗細(xì)變化。而無襯線字體往往筆畫是粗細(xì)是一致的，或變化非常不明顯。)

　　無襯線字體可讀性更強， 但許多設(shè)計師仍然選用襯線字體來表現(xiàn)設(shè)計中優(yōu)雅的部分。其中的訣竅是僅在大字號文本上選用襯線字體，大字號的襯線字體會帶來更多額外的空白，從而令每個字母都顯得非常清晰。

　　下圖的案例中， 襯線字體和無襯線字體的使用形成了優(yōu)美的搭配。

　　在大字號的文本(如標(biāo)題，導(dǎo)航和頁面頭部)上使用襯線字體，可令設(shè)計倍增優(yōu)雅。 在正文部分使用了簡潔的無襯線字體，又提高可讀性和對比度。

　　無、文本的對比度

　　很多人都同意，深底色設(shè)計容易造成眼睛疲勞，過高或過低的對比度通常是罪魁禍?zhǔn)住?那如何找到完美的平衡點呢?

　　假設(shè)你在一個漆黑的房間里，突然有明亮的光線進(jìn)入，你肯定會感到非常不適。 但如果是在一個不太黑的屋子里，射入不那么亮的光線，則會好受得多。 這同樣適用于web設(shè)計。

　　尋找完美的對比度，意味著要找到背景暗度和文本亮度之間的平衡點。

　　下圖中簡略地說明了背景和文本之間的對比狀況。 你可以注意到背景和文本的亮度都在梯次降低。

　　在深底色背景上，為文字尋找合適的亮度要困難得多。要找到完美的平衡點，必須要試驗不同的配色。 通常不使用純黑或純白能帶來更好的效果。

　　六、提供切換模式

　　雖然我們已經(jīng)掌握了很多技巧令深底色設(shè)計更具吸引力，但是我們還可以再做一點努力已滿足更多的用戶。

　　務(wù)必增加一個樣式表，以便用戶可以選擇切換到效果為“淺色背景+深色文字”的另一版本。

　　同時創(chuàng)建2個樣式表可以保證這一點，一個用于默認(rèn)的深底色風(fēng)格，一個用于替換為淺底色。

　　網(wǎng)站SitePoint上有不錯的教程講到了這一點 : Build a Simple Style Switcher in CSS.《如何使用css創(chuàng)建風(fēng)格簡潔的界面切換功能�！贰� 在這里僅需創(chuàng)建深色和淺色兩份樣式表，而無需其它顏色(如橙色、藍(lán)色、白色)的界面皮膚。

　　感謝您對石家莊網(wǎng)站設(shè)計的關(guān)注與支持！