详细解析网页设计色彩剖析之深邃黑

网页设计色彩剖析系列又来了!站在巨人的肩膀上,品味世界上优秀的网站设计,每次分析一种颜色。本期的嘉宾是神秘而又深邃有型的黑色。

详细解析<a href=/photoshop/web/ target=_blank class=infotextkey>网页设计</a>色彩剖析之深邃黑,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

当我们还是孩童时,每个人都画过彩笔画。大家应该都做过一个小实验:用各种画笔,试图混合各种颜色,最后发现,你加的颜色越多,最终的效果越黑。通常来说,最终的颜色会是黑色或者深褐色。黑色,到底是不是一种色”彩”?或者它是一种”超载”的颜色?科学家表明,黑色会吸收光谱内所有的可见颜色,并且没有任何反射。今天我们将一道探索黑色,空间与宇宙之色。黑色为何对于我们的生活具有如此大的冲击力?我们一探究竟。

定义黑色:

黑色吸收光谱内所有的可见光,不反射任何光。因此黑色通常被认为是一种缺乏光度的色彩,或者说,黑色是各种颜色彻底混合的产物。尽管黑色被形容为”非彩色的”、缺乏色调的颜色,但惯例上,我们还是把它当成一种颜色。

视网膜上存在分别对红,绿,蓝的光线特别敏感的3种视锥细胞(而光的三原色为红黄蓝),人们对红绿蓝三种颜色非常敏感。而黑色与白色形成的对比色,也能达到这种敏感度。不反射任何可见光的黑色与包含光谱中所有颜色光的白色,两者的视觉效果对比极为强烈。

对光的吸收大于反射,那么色彩看上去就比较”黑”一点。然而,黑色之所以能够只吸收,不反射,原因在于黑色是多种色彩的混合,因而能够全面的吸收光谱上的光。就像上文提到的儿童时期的色彩实验,如果按照确切的比例混合三种主色,那么混合出的颜色几乎不反射光,看起来就很”黑”。

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑色是一种极度令人敏感的颜色,即使完全没有光度,黑色的给人的感觉依然非常与众不同——Hermann von Helmholz

黑色的优点

冷峻,有型,充满权威性以及力量感。既能唤起情感,又具有压倒性的气魄。黑色装饰的房间看起来比较小,同时黑色似乎又是邪恶力量的代名词,让人感到毫无希望。如果使用很多的黑色进行装饰,即使是一间明亮的房间也会显得暗淡。

详细解析网页设计色彩剖析之深邃黑,PS教程,

女性喜欢穿黑色的衣服因为显瘦。黑色,也能赋予女性一种精致典雅的韵味。在黑色的倩影中留下优雅与神秘的气质,几乎每个女子的衣柜中都有一件黑色服饰,一旦拉出,令其他衣装黯然失色。另一方面,黑色很百搭,因为黑色的表现力非常的节制内敛,所以黑色是职场的管用色。

通过与黑色的对比,其他颜色因其更亮的色彩而更加凸显,这就是黑色的”成人之美”,但依然具有王者风范。而黑色本身也在肉体与精神上对我们造成了影响。一切由阴阳构成,黑色让我们感到一种不张扬的安全感,让我们有一种想要隐藏其中,正如”道隐无名”一样。与生俱来的神秘感激发着我们的冥想,无限的可能与无穷的潜力。然而,黑色也可以让人感觉昏暗、毫无生机。黑色将所有的颜色合而为一,营造了一种虚无而又玄空的境界。这种感觉有时们恐惧,让我们感到单调,因为黑色吸收了色彩所带来的生机。所以说,黑色是一把双刃剑:有好也有坏。

为何选择黑?

黑色能够和很多事物相联系。是多彩的对立,从而强调多彩。保守又节制,从而强调热情与奔放,完美的与各种颜色匹配。黑色严肃、传统、有力而又优雅,然而有时却蕴藏孤独与绝望的情愫。黑色营造出一种与其他色彩泾渭分明的质感,因此非常适合一些高质产品的包装。比如香水、醇酒、名贵汽车、电子设备。黑色,因其多用途和作为对比的陪衬能力,成为了广告业的宠儿。

在很多文化中,黑色代表哀伤。死亡的代言色,婚礼上穿黑色是忌讳。但世界上也是有其它文化对黑色的看法不同;中国的小男孩喜欢穿黑色,日本文化中的高贵与荣誉感通过黑色体现。而早期电影中,黑色一般代表着反面势力,坏人通常黑色打扮,好人通常白袍加身。黑色恶魔与白色天使,分别代表好与坏,两者之间无休无止的斗争。而寡妇也通常穿黑色表示哀悼,而万圣节的配色,黑色为主,橙色为辅。

然而,黑色不总是代表消极,尤其是在现代环境中。比如蝙蝠侠,黑色打扮的黑暗骑士,夜色下的英雄。再看看James Bond经典的黑色礼服装扮,考究而又神秘的气质。实际上,早先的时候,黑色是一种英雄的颜色,比如西班牙人民的保卫者佐罗就是黑色斗篷,牧羊人帽子,蒙眼面罩的打扮。黑色是一种有态度的颜色。

网页设计中黑色的不同形态

像煤炭灰和深褐色这种的深色能够在黑色的衬托下凸显。具有科技感的色彩表达,黑色能够帮助高端市场打造一种精致感,也能帮助年轻化市场打造神秘感和有型的风格。太多的黑色并不好,因为会让人感觉太深沉。尽管黑色背景提高了用户的观察力以及视觉深度,但同时也会稍微减少文本的可读性。艺术和摄影上非常受用黑色所带来的效果,因为黑色能够帮助突出、强调其它颜色。

有人可能认为黑色就是黑色。好吧,看看案例,你就能够了解,黑色,其实有很多种。

CARBON BLACK(炭黑1)

阴暗、钝感的黑

Mulletized

详细解析网页设计色彩剖析之深邃黑,PS教程,

CHARCOAL BLACK(炭黑2,小编认为第二种炭黑比第一种深)

除了纯黑之外,最暗的一种黑

Mobily

详细解析网页设计色彩剖析之深邃黑,PS教程,

IVORY BLACK(象牙黑)

带有象牙般色泽和感觉的一种黑色。

Reinvigorate

详细解析网页设计色彩剖析之深邃黑,PS教程,

BROWN BLACK(褐黑色)

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

Carsonified

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑色与其他颜色的搭配

黑与红

经典、有型的配色

Stampede Design

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑与白

另外一组经典配色主题就是黑白,在对立与矛盾中中,完成互相的理念促进、进化与晚上,想想阴阳,魔鬼与天使。

Demain Jarrete

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑与黄

黑色是最深的颜色,当和一些明亮的颜色配合时,对比更加明显,亮色会更突出。

Postography UK

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑色和浅蓝色

管他配色保守与否,黑色和浅蓝色的配色有着独一无二的视觉效果。

Tripping Words

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑色与绿色

令人满足、充满愉悦性的绿色柔和了黑色的冷硬,创造了一种踏实、平静的安详感。

Heineken Beer

详细解析网页设计色彩剖析之深邃黑,PS教程,

黑色的优秀案例

黑色作为页面的基调,正如你所见,黑色和其它色彩搭配的效果很棒。很多设计师采用了其他颜色来柔化黑色的生硬感,从而创造更加优化、富有感情触动的页面。这是一些效果令人赞叹的网站

Victoria Mach

详细解析网页设计色彩剖析之深邃黑,PS教程,

Trevor Sheridan

详细解析网页设计色彩剖析之深邃黑,PS教程,

Thibault Jorge

详细解析网页设计色彩剖析之深邃黑,PS教程,

Thiago Leao

详细解析网页设计色彩剖析之深邃黑,PS教程,

Szeroki Kadr

详细解析网页设计色彩剖析之深邃黑,PS教程,

Russ Kirby

详细解析网页设计色彩剖析之深邃黑,PS教程,

Paul J.noble

详细解析网页设计色彩剖析之深邃黑,PS教程,

Flurin Müller.

详细解析网页设计色彩剖析之深邃黑,PS教程,

Daniel Cork

详细解析网页设计色彩剖析之深邃黑,PS教程,

Nashy

详细解析网页设计色彩剖析之深邃黑,PS教程,

David Arazim

详细解析网页设计色彩剖析之深邃黑,PS教程,

Maxi Millian

详细解析网页设计色彩剖析之深邃黑,PS教程,

Mark J. Maloney

详细解析网页设计色彩剖析之深邃黑,PS教程,

Michael Dick

详细解析网页设计色彩剖析之深邃黑,PS教程,

Steven Ligatsa

详细解析网页设计色彩剖析之深邃黑,PS教程,

Matteo Larghi

详细解析网页设计色彩剖析之深邃黑,PS教程,

Katie Merris

详细解析网页设计色彩剖析之深邃黑,PS教程,

Justin Cline

详细解析网页设计色彩剖析之深邃黑,PS教程,

Jonah Levine

详细解析网页设计色彩剖析之深邃黑,PS教程,

Jesse Dodds

详细解析网页设计色彩剖析之深邃黑,PS教程,

Jefff Inley

详细解析网页设计色彩剖析之深邃黑,PS教程,

Ismael Burciaga

详细解析网页设计色彩剖析之深邃黑,PS教程,

Simon G

详细解析网页设计色彩剖析之深邃黑,PS教程,

Harry J. Husni

详细解析网页设计色彩剖析之深邃黑,PS教程,

Goksel Eryigit

详细解析网页设计色彩剖析之深邃黑,PS教程,

Alexey Chenishov

详细解析网页设计色彩剖析之深邃黑,PS教程,

Franky Aguilar

详细解析网页设计色彩剖析之深邃黑,PS教程,

Esteban Munoz

详细解析网页设计色彩剖析之深邃黑,PS教程,

David Roach

详细解析网页设计色彩剖析之深邃黑,PS教程,

Brad Madigan

详细解析网页设计色彩剖析之深邃黑,PS教程,

Dijital Park

详细解析网页设计色彩剖析之深邃黑,PS教程,

Daniel Schutzsmith

详细解析网页设计色彩剖析之深邃黑,PS教程,

Christoffer Radsby

详细解析网页设计色彩剖析之深邃黑,PS教程,

Chanelle Henry

详细解析网页设计色彩剖析之深邃黑,PS教程,

Miguel Carino

详细解析网页设计色彩剖析之深邃黑,PS教程,

Ben Good

详细解析网页设计色彩剖析之深邃黑,PS教程,

Andrew Canham

详细解析网页设计色彩剖析之深邃黑,PS教程,

Alex Coleman

详细解析网页设计色彩剖析之深邃黑,PS教程,

Alan Marcos

详细解析网页设计色彩剖析之深邃黑,PS教程,

Aifosvn

详细解析网页设计色彩剖析之深邃黑,PS教程,

Aaron Moody

详细解析网页设计色彩剖析之深邃黑,PS教程,

Dave Lam

详细解析网页设计色彩剖析之深邃黑,PS教程,

Drew Dellinger

详细解析网页设计色彩剖析之深邃黑,PS教程,

Joshua Lane

详细解析网页设计色彩剖析之深邃黑,PS教程,

Neftali Loria Bonilla

详细解析网页设计色彩剖析之深邃黑,PS教程,

Ole Martin Kristiansen

详细解析网页设计色彩剖析之深邃黑,PS教程,

Daniel Naranjo Mack

详细解析网页设计色彩剖析之深邃黑,PS教程,

Dave Gamache

详细解析网页设计色彩剖析之深邃黑,PS教程,

Izabela Kurkiewicz

详细解析网页设计色彩剖析之深邃黑,PS教程,

Bart Claeys

详细解析网页设计色彩剖析之深邃黑,PS教程,

Blake Allen

详细解析网页设计色彩剖析之深邃黑,PS教程,

Kardo Ayoub

详细解析网页设计色彩剖析之深邃黑,PS教程,

Daryl Campbell

详细解析网页设计色彩剖析之深邃黑,PS教程,

Thomas Prior

详细解析网页设计色彩剖析之深邃黑,PS教程,

Rehybrid

详细解析网页设计色彩剖析之深邃黑,PS教程,

DandyPark

详细解析网页设计色彩剖析之深邃黑,PS教程,

Charlie-x

详细解析网页设计色彩剖析之深邃黑,PS教程,

Studio Ten and a Half

详细解析网页设计色彩剖析之深邃黑,PS教程,

Dewitte Casse

详细解析网页设计色彩剖析之深邃黑,PS教程,

Circus Family

详细解析网页设计色彩剖析之深邃黑,PS教程,

Margaret London

详细解析网页设计色彩剖析之深邃黑,PS教程,

Do You Know Clarence

详细解析网页设计色彩剖析之深邃黑,PS教程,

Horologe Australia

详细解析网页设计色彩剖析之深邃黑,PS教程,

Postmachina

详细解析网页设计色彩剖析之深邃黑,PS教程,

XQS Band

详细解析网页设计色彩剖析之深邃黑,PS教程,

Lewebdefi

详细解析网页设计色彩剖析之深邃黑,PS教程,

Black Estate Vineyard

详细解析网页设计色彩剖析之深邃黑,PS教程,

QUE proReader

详细解析网页设计色彩剖析之深邃黑,PS教程,

Creative Joomla Design Book

详细解析网页设计色彩剖析之深邃黑,PS教程,

Expression Tints

详细解析网页设计色彩剖析之深邃黑,PS教程,

颜色中的黑暗骑士

在设计中,我们不可避免的要是使用黑色,它无处不在。不要因为其中的负面能量而避免使用黑色,我们应该学会使用黑色中的正面能量进行传达。学会使用黑色吧。黑色是你最喜欢的颜色吗?是否因使用不当,有时在设计中恐惧使用黑色?

如果有其他优秀的、有创意的黑色网页设计,请与我们一道分享。