有同學喜歡玩黑白配，但是卻一直不得要領，總設計不出讓人眼前一亮的佳作出來？今天就讓我們來這些優秀案例里找原因。

深色的背景看起來具有神秘感，能提供前景元素、背景元素的高度對比。有了黑色的鋪墊渲染，任何一個色彩都可以輕易在它之上煥發光彩。
那么怎么才能更好的在網頁設計中運用深色背景呢？想要成為一名"高級黑"設計師嗎？先來欣賞本文的絕贊范例吧。

相關推薦：
《顏色中的黑暗騎士：網頁設計色彩剖析之深邃黑》
《網頁設計色彩剖析之矚目紅（附百枚網頁案例）》
《配色秘要：奢華低調有內涵的米黃色》

The Blue Cube

外觀整潔干練，對照鮮明。黑色背景凸顯了白色文本。

Employour

全屏幕的圖像背景營造出一種工作氛圍。同時感覺非常開放、可讀性高。

Welcome Web Studios

都市氛圍感極強，霓虹一般的發光字體凝聚了整個主題。

Hotel Bourg Tibourg

精致典雅的氛圍自然由黑色營造。

Tower Films

聰明的利用夜空打造了一種似純黑非純黑，精致而又對照感強烈的背景。

Tara Damiano

幾何圖形對角線，模糊效果隱隱現。如果沒有黑色，神秘感的氛圍感就沒了。

The Website Dedicated to Hashima Island

設計的很有魅力，亞洲風格的筆劃提升了整個主題的質感，而黑色淳樸的背景也加分不少。

Shoot and Develop

極簡主義，簡約字體，樸素的灰度圖像

Quentin Leclercq

壯觀的夜景，清晰的導航，透明框，纖細的字體，這都是看點。

Payback Time

層層鋪墊，黑色背景，輪廓框，只為突出標題。

Martini

別樣的手法，展現動感的圖像，這么一對比，感覺還是黑白照片襯得好。

Lifesaver

促銷品網站。灰度圖背景是為了讓用戶注意前景。

Snapwire

柔和、精致的散焦效果。很唯美。

Cody Sielawa

簡單、另類的個人主頁，通過種種手段，將用戶的注意集中在中心的標題區域，好手法！

Jacu Coffee Roastery

亮的發黑的咖啡豆，白色的字體脫穎而出。

Magnasoma

抽象的背景，極大的愉悅用戶的視覺。盡管背景仔細看上去很復雜，但是整體看上去卻很簡約，不錯不錯。

Flandria

柔和的紅、紫、橙，半調效果，讓整個黑背景有一種神秘主義的感覺，大師的杰作。

Alcyon

這個我們多次推薦了，不對稱，動態感十足，優雅。

Eureka Software

纖細字體，多邊形霓虹燈色彩的Logo，亮了。

Mountain View

利用焦點、箭頭的方向，打造出了一種動感和維度感，黑色背景讓整體看起來很精致。

MediaBOOM

柵格線系統為基礎的網頁設計，黑色背景再次做了好襯托，讓前景圖片大發異彩。

Black Raccoon

氛圍十足，搭配得當。

Image Conscious Studio

白紙黑字，再帶一點醒目的黃，半調效果很棒。

Invictus

很細膩，交互性強，一直使用深色的背景

總結：

白紙黑字，古人說的就是好，有了這種對比，閱讀體驗才會舒適。深色能夠營造氛圍，打造深邃焦點，和淺色對比效果極佳。

原文地址：onextrapixel
優設網翻譯：@MartinRGB
本文由優設網原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量57萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：