深色調網頁界面設計注意事項_第2頁-CND設計網,設計網絡首選品牌

作者：

分類：觀點/經驗

2010-03-18

4786

正文內容留白

深色調網站內容的易讀性是不喜歡深色調網頁用戶所擔心的問題。設計師必須將更多的精力放在文字本身上。

在整個設計上，通過調整段落與段落之間的距離大小、行距來增加留白是提高重背景網站文字內容可讀性的一種方式。

下面展示的例子介紹了元素與元素之間留白、元素本身周圍留白在深背景和亮背景上的對比情況。

增加字體大小是提高深色調網頁內容可讀性的另外一種方式，同文章以上介紹的方法一樣，大號的字體能增加其本身及周圍的留白，字體越大其周圍的留白空間就會越大。

比如下面的字母“a”，當字體增大時，其周圍的留白就會隨著增大。無論是a周圍的空間還是其內部的空間，還是與上下內容之間的空隙留白都跟著一起變化。

注意，在淡色調上閱讀小文字內容要比深色調上容易的多。當在新的網站上設置字體的時候，一定要事先虛擬一些內容以確保其清楚易讀。如果不清楚的話，可以嘗試增加一下字體的大小來調整。

文字對比

一些人普遍認為大多數的深色調的網站容易導致眼睛疲勞。設計師們或多或少的忽視了對比。如何找到一個平衡點那？

如果你在一個漆黑的屋子里，突然遇到很強的亮光你會感覺不適應的。但是，如果你在一個稍微有點弱光的屋子里再遇到亮光的話應該會好一些兒。這個規則同樣使用于網頁設計。

找到一個完美的對比，也就是說在深背景于亮字之間找到一個對比平衡點。

下面的例子簡單的說明這點，如何平衡字體與背景之間的對比度。注意當讓背景顏色變淺時其上面的文字也會一起變淺的。

找到文字與背景的對比平衡點是比較困難的。

為了找到最終的平衡點，我們使用不同的程度的背景顏色做試驗。背景不要是純黑色，文字不是純白色是試驗的最終平衡點。

分享到：

喜歡他，就推薦他上首頁吧^_^