網頁設計色彩剖析系列又來了!站在巨人的肩膀上,品味世界上優秀的網站設計,每次分析一種顏色。本期的嘉賓是神秘而又深邃有型的黑色。

上一期紅色系列回顧:怒贊!網頁設計色彩剖析之“矚目紅”(附百枚網頁案例)

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

當我們還是孩童時,每個人都畫過彩筆畫。大家應該都做過一個小實驗:用各種畫筆,試圖混合各種顏色,最后發現,你加的顏色越多,最終的效果越黑。通常來說,最終的顏色會是黑色或者深褐色。黑色,到底是不是一種色"彩"?或者它是一種"超載"的顏色?科學家表明,黑色會吸收光譜內所有的可見顏色,并且沒有任何反射。今天我們將一道探索黑色,空間與宇宙之色。黑色為何對于我們的生活具有如此大的沖擊力?我們一探究竟。

定義黑色:

黑色吸收光譜內所有的可見光,不反射任何光。因此黑色通常被認為是一種缺乏光度的色彩,或者說,黑色是各種顏色徹底混合的產物。盡管黑色被形容為"非彩色的"、缺乏色調的顏色,但慣例上,我們還是把它當成一種顏色。

視網膜上存在分別對紅,綠,藍的光線特別敏感的3種視錐細胞(而光的三原色為紅黃藍),人們對紅綠藍三種顏色非常敏感。而黑色與白色形成的對比色,也能達到這種敏感度。不反射任何可見光的黑色與包含光譜中所有顏色光的白色,兩者的視覺效果對比極為強烈。

對光的吸收大于反射,那么色彩看上去就比較"黑"一點。然而,黑色之所以能夠只吸收,不反射,原因在于黑色是多種色彩的混合,因而能夠全面的吸收光譜上的光。就像上文提到的兒童時期的色彩實驗,如果按照確切的比例混合三種主色,那么混合出的顏色幾乎不反射光,看起來就很"黑"。

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑色是一種極度令人敏感的顏色,即使完全沒有光度,黑色的給人的感覺依然非常與眾不同——Hermann von Helmholz

黑色的優點

冷峻,有型,充滿權威性以及力量感。既能喚起情感,又具有壓倒性的氣魄。黑色裝飾的房間看起來比較小,同時黑色似乎又是邪惡力量的代名詞,讓人感到毫無希望。如果使用很多的黑色進行裝飾,即使是一間明亮的房間也會顯得暗淡。

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

女性喜歡穿黑色的衣服因為顯瘦。黑色,也能賦予女性一種精致典雅的韻味。在黑色的倩影中留下優雅與神秘的氣質,幾乎每個女子的衣柜中都有一件黑色服飾,一旦拉出,令其他衣裝黯然失色。另一方面,黑色很百搭,因為黑色的表現力非常的節制內斂,所以黑色是職場的管用色。

通過與黑色的對比,其他顏色因其更亮的色彩而更加凸顯,這就是黑色的"成人之美",但依然具有王者風范。而黑色本身也在肉體與精神上對我們造成了影響。一切由陰陽構成,黑色讓我們感到一種不張揚的安全感,讓我們有一種想要隱藏其中,正如"道隱無名"一樣。與生俱來的神秘感激發著我們的冥想,無限的可能與無窮的潛力。然而,黑色也可以讓人感覺昏暗、毫無生機。黑色將所有的顏色合而為一,營造了一種虛無而又玄空的境界。這種感覺有時們恐懼,讓我們感到單調,因為黑色吸收了色彩所帶來的生機。所以說,黑色是一把雙刃劍:有好也有壞。

為何選擇黑?

黑色能夠和很多事物相聯系。是多彩的對立,從而強調多彩。保守又節制,從而強調熱情與奔放,完美的與各種顏色匹配。黑色嚴肅、傳統、有力而又優雅,然而有時卻蘊藏孤獨與絕望的情愫。黑色營造出一種與其他色彩涇渭分明的質感,因此非常適合一些高質產品的包裝。比如香水、醇酒、名貴汽車、電子設備。黑色,因其多用途和作為對比的陪襯能力,成為了廣告業的寵兒。

在很多文化中,黑色代表哀傷。死亡的代言色,婚禮上穿黑色是忌諱。但世界上也是有其它文化對黑色的看法不同;中國的小男孩喜歡穿黑色,日本文化中的高貴與榮譽感通過黑色體現。而早期電影中,黑色一般代表著反面勢力,壞人通常黑色打扮,好人通常白袍加身。黑色惡魔與白色天使,分別代表好與壞,兩者之間無休無止的斗爭。而寡婦也通常穿黑色表示哀悼,而萬圣節的配色,黑色為主,橙色為輔。

然而,黑色不總是代表消極,尤其是在現代環境中。比如蝙蝠俠,黑色打扮的黑暗騎士,夜色下的英雄。再看看James Bond經典的黑色禮服裝扮,考究而又神秘的氣質。實際上,早先的時候,黑色是一種英雄的顏色,比如西班牙人民的保衛者佐羅就是黑色斗篷,牧羊人帽子,蒙眼面罩的打扮。黑色是一種有態度的顏色。

網頁設計中黑色的不同形態

像煤炭灰和深褐色這種的深色能夠在黑色的襯托下凸顯。具有科技感的色彩表達,黑色能夠幫助高端市場打造一種精致感,也能幫助年輕化市場打造神秘感和有型的風格。太多的黑色并不好,因為會讓人感覺太深沉。盡管黑色背景提高了用戶的觀察力以及視覺深度,但同時也會稍微減少文本的可讀性。藝術和攝影上非常受用黑色所帶來的效果,因為黑色能夠幫助突出、強調其它顏色。

有人可能認為黑色就是黑色。好吧,看看案例,你就能夠了解,黑色,其實有很多種。

CARBON BLACK(炭黑1)

陰暗、鈍感的黑

Mulletized

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

CHARCOAL BLACK(炭黑2,小編認為第二種炭黑比第一種深)

除了純黑之外,最暗的一種黑

Mobily

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

IVORY BLACK(象牙黑)

帶有象牙般色澤和感覺的一種黑色。

Reinvigorate

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

BROWN BLACK(褐黑色)

褐黑色是稀少的褐色與黑色融合而成,比深褐色要深。

Carsonified

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑色與其他顏色的搭配

黑與紅

經典、有型的配色

Stampede Design
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑與白

另外一組經典配色主題就是黑白,在對立與矛盾中中,完成互相的理念促進、進化與晚上,想想陰陽,魔鬼與天使。

Demain Jarrete

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑與黃

黑色是最深的顏色,當和一些明亮的顏色配合時,對比更加明顯,亮色會更突出。

Postography UK

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑色和淺藍色

管他配色保守與否,黑色和淺藍色的配色有著獨一無二的視覺效果。

Tripping Words

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

黑色與綠色

令人滿足、充滿愉悅性的綠色柔和了黑色的冷硬,創造了一種踏實、平靜的安詳感。

Heineken Beer

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑
 

黑色的優秀案例

黑色作為頁面的基調,正如你所見,黑色和其它色彩搭配的效果很棒。很多設計師采用了其他顏色來柔化黑色的生硬感,從而創造更加優化、富有感情觸動的頁面。這是一些效果令人贊嘆的網站

Trevor Sheridan
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Thiago Leao
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Szeroki Kadr
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Russ Kirby
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Paul J.noble
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Flurin Müller.
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Daniel Cork
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

David Arazim
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Maxi Millian
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Mark J. Maloney
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Michael Dick
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Steven Ligatsa
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Katie Merris
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Justin Cline
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Jonah Levine
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Jesse Dodds
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Jefff Inley
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Ismael Burciaga
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Simon G
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Harry J. Husni
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Goksel Eryigit
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Alexey Chenishov
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Franky Aguilar
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Esteban Munoz
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

David Roach
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Brad Madigan
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Dijital Park
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Daniel Schutzsmith
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Chanelle Henry
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Miguel Carino
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Ben Good
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Andrew Canham
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Alex Coleman
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Alan Marcos
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Dave Lam
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Drew Dellinger
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Joshua Lane
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Neftali Loria Bonilla
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Ole Martin Kristiansen
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Daniel Naranjo Mack
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Dave Gamache
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Izabela Kurkiewicz
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Bart Claeys
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Blake Allen
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Kardo Ayoub
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Daryl Campbell
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Rehybrid
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

DandyPark
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Charlie-x
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Studio Ten and a Half
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Dewitte Casse
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Circus Family
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Margaret London
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Do You Know Clarence
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Horologe Australia
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Black Estate Vineyard
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

QUE proReader
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Creative Joomla Design Book
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

Expression Tints
顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑

顏色中的黑暗騎士

在設計中,我們不可避免的要是使用黑色,它無處不在。不要因為其中的負面能量而避免使用黑色,我們應該學會使用黑色中的正面能量進行傳達。學會使用黑色吧。黑色是你最喜歡的顏色嗎?是否因使用不當,有時在設計中恐懼使用黑色?
如果有其他優秀的、有創意的黑色網頁設計,請與我們一道分享。

轉摘請注明優設網出處,謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座:每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音(YY頻道:156982)分享實戰經驗。
設計微博:擁有粉絲量55萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

顏色中的黑暗騎士:網頁設計色彩剖析之深邃黑
 

收藏 5
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。