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

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

　　四、如何選用字體

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

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

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

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

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

　　無(wú)、文本的對(duì)比度

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

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

　　尋找完美的對(duì)比度，意味著要找到背景暗度和文本亮度之間的平衡點(diǎn)。

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

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

　　六、提供切換模式

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

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

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

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

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