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

　　深底色設計適用于許多網(wǎng)站類(lèi)型，但并非所有。這種風(fēng)格應該在恰當的條件下使用。

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

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

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

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

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

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

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

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

　　一、使用更多的空白

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

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

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

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

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

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

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

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

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

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

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

　　為了讓深底色設計具有簡(jiǎn)潔明快的外觀(guān)，設計者應該選用精簡(jiǎn)的配色方案。

　　從下面的幾個(gè)案例中，我們可以看出，炫目的配色方案在深底色設計中并不適用，因為對比太強烈了。

　　堅持只使用一種或兩種顏色。

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

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

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

　　三、文字間距

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

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

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