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

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

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

　　如何選用字體

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

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

　　文字間距

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

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

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

　　文本的對比度

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

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

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

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

　　提供切換模式

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

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

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

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

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

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

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

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

　　1、多使用留白

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

　　2、文字對比

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

　　3、字體的處理

字體的設(shè)計對于深色調(diào)的網(wǎng)頁設(shè)計，也扮演著非常重要的角色。設(shè)計師們在深色調(diào)的布局里對于字體的設(shè)計要深思熟慮。

　　4、使用少的配色方案

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

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