眾所周知，色調(diào)決定了網(wǎng)頁(yè)的整體視覺(jué)效果。對(duì)于深色設(shè)計(jì)，經(jīng)常會(huì)出現(xiàn)諸如難以閱讀，不吸引人以及與傳統(tǒng)圖案糾纏在一起的問(wèn)題。作為設(shè)計(jì)師，您如何設(shè)計(jì)吸引人的產(chǎn)品并打動(dòng)游客或顧客？深色的網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)是什么？深色的網(wǎng)頁(yè)設(shè)計(jì)要注意什么？經(jīng)常看一些流行的深色背景設(shè)計(jì)，您會(huì)發(fā)現(xiàn)它們占用了大量空白。也許我們應(yīng)該在這里稱其為“空黑”。有效利用空白在任何設(shè)計(jì)中都很重要，對(duì)于深色背景樣式則更重要。

　　深色的網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)是什么？

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

　　如何選用字體

字體在設(shè)計(jì)中扮演著重要的角色，在深底色整站網(wǎng)頁(yè)設(shè)計(jì)中我們應(yīng)該更謹(jǐn)慎地考慮字體的選用。

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

　　文字間距

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

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

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

　　文本的對(duì)比度

很多人都同意，深底色網(wǎng)頁(yè)設(shè)計(jì)容易造成眼睛疲勞，過(guò)高或過(guò)低的對(duì)比度通常是罪魁禍?zhǔn)住?那如何找到完美的平衡點(diǎn)呢? 假設(shè)你在一個(gè)漆黑的房間里，突然有明亮的光線進(jìn)入，你肯定會(huì)感到非常不適。 但如果是在一個(gè)不太黑的屋子里，射入不那么亮的光線，則會(huì)好受得多。 這同樣適用于web設(shè)計(jì)。

尋找完美的對(duì)比度，意味著要找到背景暗度和文本亮度之間的平衡點(diǎn)。你可以注意到背景和文本的亮度都在梯次降低。

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

為了讓深底色設(shè)計(jì)具有簡(jiǎn)潔明快的外觀，設(shè)計(jì)者應(yīng)該選用精簡(jiǎn)的配色方案。堅(jiān)持只使用一種或兩種顏色。如果要嘗試更多的顏色，試試與背景色同色系的搭配。當(dāng)然，許多深底色的整站頁(yè)面設(shè)計(jì)中擁有激動(dòng)人心的配色方案。 你可以在使用正確技巧的情況下打破規(guī)則約束。不過(guò)，一般狀況下，過(guò)多的顏色容易讓頁(yè)面看起來(lái)臟亂， 由于背景色已經(jīng)讓頁(yè)面顏色很深，所以請(qǐng)謹(jǐn)慎使用顏色。

　　提供切換模式

雖然我們已經(jīng)掌握了很多技巧令深底色設(shè)計(jì)更具吸引力，但是我們還可以再做一點(diǎn)努力已滿足更多的用戶。務(wù)必增加一個(gè)樣式表，以便用戶可以選擇切換到效果為“淺色背景+深色文字”的另一版本。

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

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

如前所述，很大一部分用戶認(rèn)為，深底色的頁(yè)面設(shè)計(jì)可以適用于某些網(wǎng)站類型，但那份調(diào)查中并沒(méi)有說(shuō)清楚究竟是哪些類型。一般而言，深底色風(fēng)格適合用于創(chuàng)意型或優(yōu)雅型的設(shè)計(jì)。對(duì)于手繪風(fēng)格的網(wǎng)站，深色背景可用于更好地體現(xiàn)個(gè)性與創(chuàng)意。

　　別致的深底色設(shè)計(jì)

深色但帶給人的感覺(jué)是縱深，權(quán)威的，有力的。在使用得當(dāng)?shù)臅r(shí)候會(huì)看起來(lái)非常別致優(yōu)雅。這里有一些使用深底色風(fēng)格設(shè)計(jì)的案例和技法。這種技法可應(yīng)用與多種類型的網(wǎng)站。復(fù)古和景點(diǎn)的紋理可以創(chuàng)造兼具優(yōu)雅和個(gè)性化的風(fēng)格。大部分人會(huì)把古典的紋理和高檔關(guān)聯(lián)起來(lái)，所以使用這種方法可以很容易地創(chuàng)建讓網(wǎng)站看起來(lái)有檔次。

深底色網(wǎng)頁(yè)設(shè)計(jì)可以賦予設(shè)計(jì)優(yōu)雅的氣質(zhì)和創(chuàng)造力，令產(chǎn)品的展示更加完美。但是并不適合所有類型的網(wǎng)站。對(duì)于一些大型網(wǎng)站，尤其是用戶中可能有視力缺陷或行動(dòng)不便者，千萬(wàn)不要使用深底色設(shè)計(jì)，哪怕你提供了界面切換模式。

　　深色網(wǎng)頁(yè)設(shè)計(jì)要注意什么？

　　1、多使用留白

留白對(duì)于任何風(fēng)格的設(shè)計(jì)都是很重要的，而對(duì)于深色調(diào)的設(shè)計(jì)風(fēng)格，留白則是必須的。深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)給人總體的感覺(jué)是“沉重的”，如果整體布局結(jié)構(gòu)凌亂更增強(qiáng)了給人沉重的感覺(jué)。適當(dāng)?shù)牧舭讜?huì)使得結(jié)構(gòu)更顯得整齊，畫(huà)面感更輕松。

　　2、文字對(duì)比

深色調(diào)的網(wǎng)站往往會(huì)讓訪客視覺(jué)產(chǎn)生疲勞，而文字太過(guò)于亮眼，則會(huì)讓訪客覺(jué)得很不適應(yīng)，如何把握這其中的平衡度是設(shè)計(jì)師們應(yīng)該考慮的問(wèn)題。設(shè)計(jì)師們應(yīng)該學(xué)會(huì)在深色背景下找到字體亮度一個(gè)完美的平衡點(diǎn)，這個(gè)需要設(shè)計(jì)師們自己去探索。讓背景的顏色和字體的亮度處在一個(gè)完美的搭配，需要設(shè)計(jì)師們多多動(dòng)手去實(shí)驗(yàn)。

　　3、字體的處理

字體的設(shè)計(jì)對(duì)于深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)，也扮演著非常重要的角色。設(shè)計(jì)師們?cè)谏钌{(diào)的布局里對(duì)于字體的設(shè)計(jì)要深思熟慮。

　　4、使用少的配色方案

為了讓深色調(diào)的設(shè)計(jì)看起來(lái)更干凈、整齊，設(shè)計(jì)師應(yīng)盡量選擇少的配色方案。建議只保留1-2種顏色系即可。

以上就是關(guān)于深色的網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)是什么，以及深色的網(wǎng)頁(yè)設(shè)計(jì)要注意什么的全部?jī)?nèi)容介紹，想了解更多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的信息，請(qǐng)繼續(xù)關(guān)注中培偉業(yè)。