作為設計師，一個視覺感恰到好處的設計往往能讓你一整天保持心情愉快。今天，我們已經收集了一些“暗黑系”和情感化的網站設計，希望將有助于激發你創造一個獨特的氣氛，為你的設計工作。

雖然大多數偏向黑暗主題的設計都有一點“壓抑”的氛圍，但并非所有這些類型的設計都有這種感覺(盡管顏色和你看著它們時的感覺有很大關系)。今天的這個列表不僅僅只是一個趨勢觀點，我們希望它能夠啟發你創造一個屬于你自己的黑暗主題的，富有情感的設計。

1.暗色系

暗色主題的調色板可以立即為設計設定一定的色調。重要的是，你需要明白“黑暗”并不總是意味著黑色，通常是其他的色調(添加黑色)或陰影(添加灰色)。

你可以看看上面的網站設計案例——Hooligan，整體情緒有點陰沉基于偏向黑色的背景，但請注意它真正的主色——深黃偏向于金色的主色經過調整，以適應背景視頻的主題。整體看起來是嚴肅的，但視覺上引人入勝。

2.陰影

陰影可以散發出神秘的色彩。這是設計師使用黑暗主題以及表現情感設計的模式關鍵原因之一，他們希望用戶可以產生興趣和好奇心。

在上面Clear Motion的網站設計上,你肯定會注意到汽車周圍的陰影，幾乎迫使你閱讀在上面的文本信息。為什么汽車看起來像這樣?什么是重要的?黑暗的氛圍有助于用戶在觀看的過程中產生好奇心并關注主要的信息。

3.黑色疊加層

黑色疊加層是最常見的創建黑暗情緒的方法之一。但是你選擇的那種黑色事實上可以賦予它更多的意義。顏色需要更深還是更透明?用戶可以通過覆蓋層看到多少圖像或背景上的內容?

較暗同時設置較少透明度的疊加層幾乎可以掩蓋背景中的內容，因此它不是設計的中心部分。更透明的黑色疊加層允許視覺通過主要內容，并獲取背景中的一部分內容，同時提供與諸如文本或行動的調用等主要元素的對比。

以上FHOKE的案例中，就將這項技術運用的很好。你可以看到背景視頻中的動作，但是真正的焦點是標題和滾動動作。

4.“裸”元素

這是一個將元素完全不加修飾的呈現在視覺上的一項技巧，以一種更鮮明的設計創造了一種虛無感，幾乎迫使用戶更深入地了解它。再一次，黑暗主題以一種新的方式創造了一個用戶想要解決的謎。

Dubois雖然在背景的設計上并沒有過于鮮明，但卻創造了這種奇妙的感覺。點的模式實際上有助于創建設計的神秘感。仔細看看，其中一些點的設置微妙的形成了一種視覺提示。

但是，設計的目的是迫使眼睛注意到文本信息，大多數用戶在屏幕上不熟悉的位置。品牌信息和主要的標題一般都是在第一個滾動接近底部的位置，而不是在設計的上半部分。

5.排版選擇

上面的網站設計案例Punk is Not Dead可能會讓你立刻感覺到一些東西。高度視覺化，并在站點中提供了音頻元素，會讓你感覺到你以某種方式和“朋克”間接的存在聯系，這會讓你興奮嗎?

黑暗的背景和明亮的強調色提供了很大的幫助，但真正的情緒其實設置在排版的選擇上。字體銳利、粗糙的邊緣和幾乎令人討厭的可讀性會影響你在觀看它時的感受。

結果很有趣，盡管在閱讀上存在一定的困難，但在整體的感覺上很好的突出了主題和情感。