石家莊網(wǎng)絡(luò)公司為您介紹：深底色風(fēng)格的頁(yè)面設(shè)計(jì)很受歡迎，它可以創(chuàng)造出別致優(yōu)雅，極富創(chuàng)造力的效果。

　　深底色設(shè)計(jì)適用于許多網(wǎng)站類型，但并非所有。這種風(fēng)格應(yīng)該在恰當(dāng)?shù)臈l件下使用。

　　雖然深底色風(fēng)格可以帶來(lái)視覺(jué)沖擊力，但是很多設(shè)計(jì)師并不知道如何有效地表現(xiàn)他們，取得的效果往往適得其反。失敗的設(shè)計(jì)會(huì)導(dǎo)致可讀性差，難以吸引用戶，無(wú)法使用傳統(tǒng)的設(shè)計(jì)元素等問(wèn)題。

　　所以在這里，我們將討論一些深底色頁(yè)面設(shè)計(jì)的要素，以便讓設(shè)計(jì)更受歡迎，更具創(chuàng)造性。

　　調(diào)查表示，47%的受訪者首選淺底色的設(shè)計(jì)， 主要原因是基于可讀性。大多數(shù)人不喜歡閱讀深色背景上的亮色文字，那樣眼睛容易疲勞從而導(dǎo)致不適的閱讀體驗(yàn)。

　　相比之下，10%的受訪者傾向于深底色的網(wǎng)站，另外36%的認(rèn)為將取決于網(wǎng)站類型而定。

　　既然有如此高比例的用戶可以忍受深底色的頁(yè)面設(shè)計(jì)，有時(shí)甚至是他們的首選。我們作為網(wǎng)頁(yè)設(shè)計(jì)師必須了解如何為我們自己和客戶創(chuàng)建更有效的深底色設(shè)計(jì)。同時(shí)必須相信深底色風(fēng)格可以增加其可讀性和友好性。

　　最適合使用深底色風(fēng)格的設(shè)計(jì)類型

　　如前所述，很大一部分用戶認(rèn)為，深底色的頁(yè)面設(shè)計(jì)可以適用于某些網(wǎng)站類型。

　　一般而言，深底色風(fēng)格適合用于創(chuàng)意型或優(yōu)雅型的設(shè)計(jì)，比如：對(duì)于摩登時(shí)尚網(wǎng)站，深背景色可以顯得別致優(yōu)雅。對(duì)于手繪風(fēng)格的網(wǎng)站，深色背景可用于更好地體現(xiàn)個(gè)性與創(chuàng)意。

　　一、使用更多的空白

　　在這里或許我們應(yīng)該稱之為“空黑”。

　　有效地利用空白，在任何設(shè)計(jì)中都是重要的，對(duì)于深底色風(fēng)格而言更必不可少。

　　深色的設(shè)計(jì)令人感到“沉重”，擁擠的布局會(huì)加重這種感受。 看看一些流行的深底色設(shè)計(jì)，可以注意到他們運(yùn)用了大量的空白。

　　網(wǎng)站 Black Estate 陳列了互聯(lián)網(wǎng)上優(yōu)秀的深底色頁(yè)面設(shè)計(jì)，它本身也是一個(gè)值得關(guān)注的卓越設(shè)計(jì)。 其設(shè)計(jì)中運(yùn)用了大量的空白，還有獨(dú)到之處：有效地在某些重要元素旁邊使用空白。

　　首先，用戶會(huì)第一眼看見(jiàn)的元素——logo，旁邊有大量的空白。 然后用戶會(huì)注意到主內(nèi)容區(qū)和右側(cè)的酒瓶。 如你所見(jiàn)，空白完美地反襯出了內(nèi)容區(qū)的主標(biāo)題和酒瓶上的文字。

　　在Tictoc的設(shè)計(jì)中，精選內(nèi)容及相關(guān)圖片配合大片的空白共同構(gòu)成。隨著頁(yè)面下移，我們可以發(fā)現(xiàn)空白越來(lái)越少，這樣我們的注意力就會(huì)轉(zhuǎn)移到縮展示的內(nèi)容。

　　其關(guān)鍵是：空白可以逐步引導(dǎo)用戶到頁(yè)面底部

　　黑色背景增加了設(shè)計(jì)的縱深感。 網(wǎng)站非常依賴設(shè)計(jì)中的空白，配合黑色背景制造出來(lái)的創(chuàng)意效果，頁(yè)面才如此吸引人。

　　網(wǎng)站 Mark Dearman的布局中應(yīng)用了大量對(duì)稱分布的空白。

　　每個(gè)內(nèi)容區(qū)塊間的空白提供了足夠的呼吸空間，在用戶視線瀏覽到下一區(qū)塊前，提供很好的休息點(diǎn)。大量的空白是深底色設(shè)計(jì)中必不可少的，它能夠令布局簡(jiǎn)潔，突出重要的元素，令整體外觀更優(yōu)雅。

　　二、使用精簡(jiǎn)的配色方案

　　為了讓深底色設(shè)計(jì)具有簡(jiǎn)潔明快的外觀，設(shè)計(jì)者應(yīng)該選用精簡(jiǎn)的配色方案。

　　從下面的幾個(gè)案例中，我們可以看出，炫目的配色方案在深底色設(shè)計(jì)中并不適用，因?yàn)閷?duì)比太強(qiáng)烈了。

　　堅(jiān)持只使用一種或兩種顏色。

　　如果要嘗試更多的顏色，試試與背景色同色系的搭配。

　　當(dāng)然，許多深底色的頁(yè)面設(shè)計(jì)中擁有激動(dòng)人心的配色方案。 你可以在使用正確技巧的情況下打破規(guī)則約束。

　　不過(guò)，一般狀況下，過(guò)多的顏色容易讓頁(yè)面看起來(lái)臟亂， 由于背景色已經(jīng)讓頁(yè)面顏色很深，所以請(qǐng)謹(jǐn)慎使用顏色。

　　三、文字間距

　　由于可讀性是深底色設(shè)計(jì)的頭號(hào)問(wèn)題，所以設(shè)計(jì)師應(yīng)該更多地關(guān)注文本的設(shè)計(jì)。在整體設(shè)計(jì)中，改善可讀性的一個(gè)途徑是增加文本的段落間距，字距及行高。

　　下圖中比較了在深底色和淺底色中不同文本間距造成的效果。

　　另一種方式來(lái)改