超贊!精致典雅引人注目的黑色系網(wǎng)站設(shè)計(jì)

2013-11-15    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

Hotel Bourg Tibourg

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

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

The Blue Cube

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

The Blue Cube

Employour

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

Employour

Welcome Web Studios

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

Welcome Web Studios

Hotel Bourg Tibourg

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

Hotel Bourg Tibourg

Tower Films

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

Tower Films

Tara Damiano

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

Tara Damiano

The Website Dedicated to Hashima Island

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

The Website Dedicated to Hashima Island

Shoot and Develop

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

Shoot and Develop

Quentin Leclercq

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

Quentin Leclercq

Payback Time

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

Payback Time

Martini

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

Martini

Lifesaver

促銷品網(wǎng)站?;叶葓D背景是為了讓用戶注意前景。

Lifesaver

Snapwire

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

Snapwire

Cody Sielawa

簡(jiǎn)單、另類的個(gè)人主頁,通過種種手段,將用戶的注意集中在中心的標(biāo)題區(qū)域,好手法!

Cody Sielawa

Jacu Coffee Roastery

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

Jacu Coffee Roastery

Magnasoma

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

Magnasoma

Flandria

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

Flandria

Alcyon

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

Alcyon

Eureka Software

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

Eureka Software

Mountain View

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

Mountain View

MediaBOOM

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

MediaBOOM

Black Raccoon

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

Black Raccoon

Image Conscious Studio

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

Image Conscious Studio

Invictus

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

Invictus

總結(jié):

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

日歷

鏈接

個(gè)人資料

存檔