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

當我們還是孩童時,每個人都畫過彩筆畫。大家應該都做過一個小實驗:用各種畫筆,試圖混合各種顏色,最后發現,你加的顏色越多,最終的效果越黑。通常來說,最終的顏色會是黑色或者深褐色。黑色,到底是不是一種色”彩”?或者它是一種”超載”的顏色?科學家表明,黑色會吸收光譜內所有的可見顏色,并且沒有任何反射。今天我們將一道探索黑色,空間與宇宙之色。黑色為何對于我們的生活具有如此大的沖擊力?我們一探究竟。
定義黑色:
黑色吸收光譜內所有的可見光,不反射任何光。因此黑色通常被認為是一種缺乏光度的色彩,或者說,黑色是各種顏色徹底混合的產物。盡管黑色被形容為”非彩色的”、缺乏色調的顏色,但慣例上,我們還是把它當成一種顏色。
視網膜上存在分別對紅,綠,藍的光線特別敏感的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

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

Trevor Sheridan

Thibault Jorge

Thiago Leao

Szeroki Kadr

Russ Kirby

Paul J.noble

Flurin Müller.

Daniel Cork

Nashy

David Arazim

Maxi Millian

Mark J. Maloney

Michael Dick

Steven Ligatsa

Matteo Larghi

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

Christoffer Radsby

Chanelle Henry

Miguel Carino

Ben Good

Andrew Canham

Alex Coleman

Alan Marcos

Aifosvn

Aaron Moody

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

Thomas Prior

Rehybrid

DandyPark

Charlie-x

Studio Ten and a Half

Dewitte Casse

Circus Family

Margaret London

Do You Know Clarence

Horologe Australia

Postmachina

XQS Band

Lewebdefi

Black Estate Vineyard

QUE proReader

Creative Joomla Design Book

Expression Tints

顏色中的黑暗騎士
在設計中,我們不可避免的要是使用黑色,它無處不在。不要因為其中的負面能量而避免使用黑色,我們應該學會使用黑色中的正面能量進行傳達。學會使用黑色吧。黑色是你最喜歡的顏色嗎?是否因使用不當,有時在設計中恐懼使用黑色?
如果有其他優秀的、有創意的黑色網頁設計,請與我們一道分享。
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
5個網站設計實例解析網頁設計趨勢
相關文章4452018-11-29
實例分析9款驚艷的網頁設計作品
相關文章5142018-10-10
設計師必須知道的版式設計三原則
相關文章4012018-10-10
10種網頁設計中字體的運用方式
相關文章3472018-05-10
優秀的網頁設計和開發資源干貨集合
相關文章5102018-05-10
精選5月最流行的網頁設計趨勢
相關文章4832018-05-10
詳解深色系網站界面的設計技巧
相關文章2092018-05-10
詳細解析10個2018年網頁設計趨勢
相關文章5182017-12-17
