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

上一期红色系列回顾:怒赞!网页设计色彩剖析之“瞩目红”(附百枚网页案例)

颜色中的黑暗骑士:网页设计色彩剖析之深邃黑

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

定义黑色:

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

视网膜上存在分别对红,绿,蓝的光线特别敏感的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
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。