有同學(xué)喜歡玩黑白配，但是卻一直不得要領(lǐng)，總設(shè)計(jì)不出讓人眼前一亮的佳作出來(lái)？今天就讓我們來(lái)這些優(yōu)秀案例里找原因。

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

相關(guān)推薦：
《顏色中的黑暗騎士：網(wǎng)頁(yè)設(shè)計(jì)色彩剖析之深邃黑》
《網(wǎng)頁(yè)設(shè)計(jì)色彩剖析之矚目紅（附百枚網(wǎng)頁(yè)案例）》
《配色秘要：奢華低調(diào)有內(nèi)涵的米黃色》

The Blue Cube

外觀(guān)整潔干練，對(duì)照鮮明。黑色背景凸顯了白色文本。

Employour

全屏幕的圖像背景營(yíng)造出一種工作氛圍。同時(shí)感覺(jué)非常開(kāi)放、可讀性高。

Welcome Web Studios

都市氛圍感極強(qiáng)，霓虹一般的發(fā)光字體凝聚了整個(gè)主題。

Hotel Bourg Tibourg

精致典雅的氛圍自然由黑色營(yíng)造。

Tower Films

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

Tara Damiano

幾何圖形對(duì)角線(xiàn)，模糊效果隱隱現(xiàn)。如果沒(méi)有黑色，神秘感的氛圍感就沒(méi)了。

The Website Dedicated to Hashima Island

設(shè)計(jì)的很有魅力，亞洲風(fēng)格的筆劃提升了整個(gè)主題的質(zhì)感，而黑色淳樸的背景也加分不少。

Shoot and Develop

極簡(jiǎn)主義，簡(jiǎn)約字體，樸素的灰度圖像

Quentin Leclercq

壯觀(guān)的夜景，清晰的導(dǎo)航，透明框，纖細(xì)的字體，這都是看點(diǎn)。

Payback Time

層層鋪墊，黑色背景，輪廓框，只為突出標(biāo)題。

Martini

別樣的手法，展現(xiàn)動(dòng)感的圖像，這么一對(duì)比，感覺(jué)還是黑白照片襯得好。

Lifesaver

促銷(xiāo)品網(wǎng)站?；叶葓D背景是為了讓用戶(hù)注意前景。

Snapwire

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

Cody Sielawa

簡(jiǎn)單、另類(lèi)的個(gè)人主頁(yè)，通過(guò)種種手段，將用戶(hù)的注意集中在中心的標(biāo)題區(qū)域，好手法！

Jacu Coffee Roastery

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

Magnasoma

抽象的背景，極大的愉悅用戶(hù)的視覺(jué)。盡管背景仔細(xì)看上去很復(fù)雜，但是整體看上去卻很簡(jiǎn)約，不錯(cuò)不錯(cuò)。

Flandria

柔和的紅、紫、橙，半調(diào)效果，讓整個(gè)黑背景有一種神秘主義的感覺(jué)，大師的杰作。

Alcyon

這個(gè)我們多次推薦了，不對(duì)稱(chēng)，動(dòng)態(tài)感十足，優(yōu)雅。

Eureka Software

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

Mountain View

利用焦點(diǎn)、箭頭的方向，打造出了一種動(dòng)感和維度感，黑色背景讓整體看起來(lái)很精致。

MediaBOOM

柵格線(xiàn)系統(tǒng)為基礎(chǔ)的網(wǎng)頁(yè)設(shè)計(jì)，黑色背景再次做了好襯托，讓前景圖片大發(fā)異彩。

Black Raccoon

氛圍十足，搭配得當(dāng)。

Image Conscious Studio

白紙黑字，再帶一點(diǎn)醒目的黃，半調(diào)效果很棒。

Invictus

很細(xì)膩，交互性強(qiáng)，一直使用深色的背景

總結(jié)：

白紙黑字，古人說(shuō)的就是好，有了這種對(duì)比，閱讀體驗(yàn)才會(huì)舒適。深色能夠營(yíng)造氛圍，打造深邃焦點(diǎn)，和淺色對(duì)比效果極佳。

原文地址：onextrapixel
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

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