深色調(diào)的網(wǎng)站設(shè)計(jì)是比較流行的，它能營(yíng)造出簡(jiǎn)潔、富有創(chuàng)造性的效果。

它能滿足一些客戶對(duì)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的要求。然而，它并不能適用于每一個(gè)客戶對(duì)網(wǎng)站設(shè)計(jì)風(fēng)格的要求，設(shè)計(jì)師應(yīng)根據(jù)實(shí)際情況而定。

盡管深色調(diào)的設(shè)計(jì)風(fēng)格能做到引人注目的效果，但很多設(shè)計(jì)師不知道如果有效的使用它來(lái)打動(dòng)、吸引瀏覽者。

深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)常出現(xiàn)的問(wèn)題是不易讀、沒有吸引力、很少打破傳統(tǒng)的設(shè)計(jì)模式。

這片文章，我們將討論一些如何讓你的下一個(gè)深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)更能吸引、打動(dòng)廣大瀏覽者的方法和技巧，真正做到讓你的設(shè)計(jì)表達(dá)你的創(chuàng)意。

近的調(diào)查顯示有超過(guò)47%的大眾用戶更喜歡亮色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)。內(nèi)容的可讀性是主要原因。大多數(shù)的用戶不喜歡亮文字內(nèi)容顯示在深背景上，這樣的對(duì)比效果是比較刺眼的，給人不舒服的感覺。

相比之下，有10%的設(shè)計(jì)師通常選擇深色調(diào)來(lái)設(shè)計(jì)網(wǎng)頁(yè)，同時(shí)36%的人認(rèn)為應(yīng)該根據(jù)網(wǎng)頁(yè)的具體風(fēng)格要求進(jìn)行選擇。

那么，哪個(gè)是正確的答案那？歸結(jié)起來(lái)，每一個(gè)人都有自己的意見，事情就是這樣。

但是有相當(dāng)一部分用戶認(rèn)為重色調(diào)的設(shè)計(jì)是可以接受的，有時(shí)是設(shè)計(jì)首選。作為網(wǎng)頁(yè)設(shè)計(jì)師，我們不得不考慮如何有效的設(shè)計(jì)深色調(diào)的網(wǎng)頁(yè)給我們客戶與自己。

相信亮色調(diào)網(wǎng)頁(yè)設(shè)計(jì)的愛好者們希望深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該更易閱讀、有好的用戶體驗(yàn)。

多使用留白

或者應(yīng)該叫“留黑”？合理有效的使用留白對(duì)于任何風(fēng)格的設(shè)計(jì)來(lái)說(shuō)都是非常重要的。但對(duì)于深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)它則是必須的。

深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)給人總體的感覺是“沉重的”，如果整體布局結(jié)構(gòu)凌亂更增強(qiáng)了給人沉重的感覺。下面展示了一些比較受大眾喜歡的深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)，他們合理使用了留白達(dá)到很好的設(shè)計(jì)效果。

Black Estate是互聯(lián)網(wǎng)里深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)而已，設(shè)計(jì)確實(shí)很棒并值得我們研究學(xué)習(xí)。設(shè)計(jì)自始自終都在合理、有效的使用留白，如何在設(shè)計(jì)元素周圍有效的使用了留白，從而設(shè)計(jì)出了這樣講究的網(wǎng)頁(yè)。

Tictoc的主要特點(diǎn)就是它在內(nèi)容、裝飾圖片周圍留用了大量的“留白”，當(dāng)我們繼續(xù)往下瀏覽時(shí)，我們看到使用了很少的留白，從而將我們的注意力集中在到下面的具體內(nèi)容上面。

這里的關(guān)鍵是，留白起到了引導(dǎo)的作用，逐步引導(dǎo)用戶瀏覽這個(gè)頁(yè)面。

網(wǎng)站通過(guò)使用大量的留白從而增加了深色調(diào)設(shè)計(jì)的層次，留白僅僅是為了實(shí)現(xiàn)深色調(diào)的效果而已

Mark Dearman網(wǎng)站的框架結(jié)構(gòu)自始自終采用靈活的、均勻的分布式布局進(jìn)行留白。

留白為每一個(gè)相鄰的內(nèi)容板塊里面的內(nèi)容提供了大量呼吸、停頓的空間。當(dāng)進(jìn)入到下一板塊內(nèi)容的時(shí)候，它們之間的留白是一個(gè)很好的休息地點(diǎn)。

留白對(duì)于深色調(diào)網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)是必須的，它不但有助于解決布局的凌亂、散亂，同時(shí)也是網(wǎng)頁(yè)設(shè)計(jì)增強(qiáng)整體感很重要的元素。

深色調(diào)網(wǎng)站內(nèi)容的易讀性是不喜歡深色調(diào)網(wǎng)頁(yè)用戶所擔(dān)心的問(wèn)題。設(shè)計(jì)師必須將更多的精力放在文字本身上。

在整個(gè)設(shè)計(jì)上，通過(guò)調(diào)整段落與段落之間的距離大小、行距來(lái)增加留白是提高重背景網(wǎng)站文字內(nèi)容可讀性的一種方式。

增加字體大小是提高深色調(diào)網(wǎng)頁(yè)內(nèi)容可讀性的另外一種方式，同文章以上介紹的方法一樣，大號(hào)的字體能增加其本身及周圍的留白，字體越大其周圍的留白空間就越大。

文字對(duì)比

一些人普遍認(rèn)為大多數(shù)的深色調(diào)的網(wǎng)站容易導(dǎo)致眼睛疲勞。設(shè)計(jì)師們或多或少的忽視了對(duì)比。如何找到一個(gè)平衡點(diǎn)那？

如果你在一個(gè)漆黑的屋子里，突然遇到很強(qiáng)的亮光你會(huì)感覺不適應(yīng)的。但是，如果你在一個(gè)稍微有點(diǎn)弱光的屋子里再遇到亮光的話應(yīng)該會(huì)好一些兒。這個(gè)規(guī)則同樣使用于網(wǎng)頁(yè)設(shè)計(jì)。

找到一個(gè)完美的對(duì)比，也就是說(shuō)在深背景于亮字之間找到一個(gè)對(duì)比平衡點(diǎn)。

找到文字與背景的對(duì)比平衡點(diǎn)是比較困難的。

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

​字體的處理

字體在設(shè)計(jì)里面扮演著非常重要的角色，尤其在深色調(diào)布局設(shè)計(jì)里面更應(yīng)該深思熟慮的。

使用少的配色方案

為了讓深色調(diào)的設(shè)計(jì)看起來(lái)更干凈、整齊，設(shè)計(jì)師應(yīng)盡量選擇少的配色方案。

部分設(shè)計(jì)師喜歡用對(duì)比強(qiáng)烈、刺激的配色方案，當(dāng)然這樣也是可以的，但要能夠恰如其分的使用好。

總體來(lái)說(shuō)，顏色很容易讓網(wǎng)頁(yè)界面花、雜亂，本來(lái)深色調(diào)的網(wǎng)站顏色就很重了。所以在用色方面更應(yīng)該慎重一些！

​