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

反诈示警:如遇到文章内跳转至别的网站或产生需要交钱,交易等行为,均为诈骗行为,请谨慎对待。对于网上兼职、刷单、刷信誉的就是诈骗,请勿相信!需要提供身份证明、短信验证和短信链接点击都是诈骗, 请不要提供!同时请下载“国家反诈中心”App能自查自检,规避诈骗电话,免遭损失。

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

详细解析网页设计色彩剖析之深邃黑,插图,来源:资源仓库www.zycang.com

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

定义黑色:

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

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

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

详细解析网页设计色彩剖析之深邃黑,插图1,来源:资源仓库www.zycang.com

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

黑色的优点

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

详细解析网页设计色彩剖析之深邃黑,插图2,来源:资源仓库www.zycang.com

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

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

为何选择黑?

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

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

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

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

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

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

CARBON BLACK(炭黑1)

阴暗、钝感的黑

Mulletized

详细解析网页设计色彩剖析之深邃黑,插图3,来源:资源仓库www.zycang.com

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

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

Mobily

详细解析网页设计色彩剖析之深邃黑,插图4,来源:资源仓库www.zycang.com

IVORY BLACK(象牙黑)

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

Reinvigorate

详细解析网页设计色彩剖析之深邃黑,插图5,来源:资源仓库www.zycang.com

BROWN BLACK(褐黑色)

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

Carsonified

详细解析网页设计色彩剖析之深邃黑,插图6,来源:资源仓库www.zycang.com

黑色与其他颜色的搭配

黑与红

经典、有型的配色

Stampede Design

详细解析网页设计色彩剖析之深邃黑,插图7,来源:资源仓库www.zycang.com

黑与白

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

Demain Jarrete

详细解析网页设计色彩剖析之深邃黑,插图8,来源:资源仓库www.zycang.com

黑与黄

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

Postography UK

详细解析网页设计色彩剖析之深邃黑,插图9,来源:资源仓库www.zycang.com

黑色和浅蓝色

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

Tripping Words

详细解析网页设计色彩剖析之深邃黑,插图10,来源:资源仓库www.zycang.com

黑色与绿色

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

Heineken Beer

详细解析网页设计色彩剖析之深邃黑,插图11,来源:资源仓库www.zycang.com

黑色的优秀案例

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

Victoria Mach

详细解析网页设计色彩剖析之深邃黑,插图12,来源:资源仓库www.zycang.com

Trevor Sheridan

详细解析网页设计色彩剖析之深邃黑,插图13,来源:资源仓库www.zycang.com

Thibault Jorge

详细解析网页设计色彩剖析之深邃黑,插图14,来源:资源仓库www.zycang.com

Thiago Leao

详细解析网页设计色彩剖析之深邃黑,插图15,来源:资源仓库www.zycang.com

Szeroki Kadr

详细解析网页设计色彩剖析之深邃黑,插图16,来源:资源仓库www.zycang.com

Russ Kirby

详细解析网页设计色彩剖析之深邃黑,插图17,来源:资源仓库www.zycang.com

Paul J.noble

详细解析网页设计色彩剖析之深邃黑,插图18,来源:资源仓库www.zycang.com

Flurin Müller.

详细解析网页设计色彩剖析之深邃黑,插图19,来源:资源仓库www.zycang.com

Daniel Cork

详细解析网页设计色彩剖析之深邃黑,插图20,来源:资源仓库www.zycang.com

Nashy

详细解析网页设计色彩剖析之深邃黑,插图21,来源:资源仓库www.zycang.com

David Arazim

详细解析网页设计色彩剖析之深邃黑,插图22,来源:资源仓库www.zycang.com

Maxi Millian

详细解析网页设计色彩剖析之深邃黑,插图23,来源:资源仓库www.zycang.com

Mark J. Maloney

详细解析网页设计色彩剖析之深邃黑,插图24,来源:资源仓库www.zycang.com

Michael Dick

详细解析网页设计色彩剖析之深邃黑,插图25,来源:资源仓库www.zycang.com

Steven Ligatsa

详细解析网页设计色彩剖析之深邃黑,插图26,来源:资源仓库www.zycang.com

Matteo Larghi

详细解析网页设计色彩剖析之深邃黑,插图27,来源:资源仓库www.zycang.com

Katie Merris

详细解析网页设计色彩剖析之深邃黑,插图28,来源:资源仓库www.zycang.com

Justin Cline

详细解析网页设计色彩剖析之深邃黑,插图29,来源:资源仓库www.zycang.com

Jonah Levine

详细解析网页设计色彩剖析之深邃黑,插图30,来源:资源仓库www.zycang.com

Jesse Dodds

详细解析网页设计色彩剖析之深邃黑,插图31,来源:资源仓库www.zycang.com

Jefff Inley

详细解析网页设计色彩剖析之深邃黑,插图32,来源:资源仓库www.zycang.com

Ismael Burciaga

详细解析网页设计色彩剖析之深邃黑,插图33,来源:资源仓库www.zycang.com

Simon G

详细解析网页设计色彩剖析之深邃黑,插图34,来源:资源仓库www.zycang.com

Harry J. Husni

详细解析网页设计色彩剖析之深邃黑,插图35,来源:资源仓库www.zycang.com

Goksel Eryigit

详细解析网页设计色彩剖析之深邃黑,插图36,来源:资源仓库www.zycang.com

Alexey Chenishov

详细解析网页设计色彩剖析之深邃黑,插图37,来源:资源仓库www.zycang.com

Franky Aguilar

详细解析网页设计色彩剖析之深邃黑,插图38,来源:资源仓库www.zycang.com

Esteban Munoz

详细解析网页设计色彩剖析之深邃黑,插图39,来源:资源仓库www.zycang.com

David Roach

详细解析网页设计色彩剖析之深邃黑,插图40,来源:资源仓库www.zycang.com

Brad Madigan

详细解析网页设计色彩剖析之深邃黑,插图41,来源:资源仓库www.zycang.com

Dijital Park

详细解析网页设计色彩剖析之深邃黑,插图42,来源:资源仓库www.zycang.com

Daniel Schutzsmith

详细解析网页设计色彩剖析之深邃黑,插图43,来源:资源仓库www.zycang.com

Christoffer Radsby

详细解析网页设计色彩剖析之深邃黑,插图44,来源:资源仓库www.zycang.com

Chanelle Henry

详细解析网页设计色彩剖析之深邃黑,插图45,来源:资源仓库www.zycang.com

Miguel Carino

详细解析网页设计色彩剖析之深邃黑,插图46,来源:资源仓库www.zycang.com

Ben Good

详细解析网页设计色彩剖析之深邃黑,插图47,来源:资源仓库www.zycang.com

Andrew Canham

详细解析网页设计色彩剖析之深邃黑,插图48,来源:资源仓库www.zycang.com

Alex Coleman

详细解析网页设计色彩剖析之深邃黑,插图49,来源:资源仓库www.zycang.com

Alan Marcos

详细解析网页设计色彩剖析之深邃黑,插图50,来源:资源仓库www.zycang.com

Aifosvn

详细解析网页设计色彩剖析之深邃黑,插图51,来源:资源仓库www.zycang.com

Aaron Moody

详细解析网页设计色彩剖析之深邃黑,插图52,来源:资源仓库www.zycang.com

Dave Lam

详细解析网页设计色彩剖析之深邃黑,插图53,来源:资源仓库www.zycang.com

Drew Dellinger

详细解析网页设计色彩剖析之深邃黑,插图54,来源:资源仓库www.zycang.com

Joshua Lane

详细解析网页设计色彩剖析之深邃黑,插图55,来源:资源仓库www.zycang.com

Neftali Loria Bonilla

详细解析网页设计色彩剖析之深邃黑,插图56,来源:资源仓库www.zycang.com

Ole Martin Kristiansen

详细解析网页设计色彩剖析之深邃黑,插图57,来源:资源仓库www.zycang.com

Daniel Naranjo Mack

详细解析网页设计色彩剖析之深邃黑,插图58,来源:资源仓库www.zycang.com

Dave Gamache

详细解析网页设计色彩剖析之深邃黑,插图59,来源:资源仓库www.zycang.com

Izabela Kurkiewicz

详细解析网页设计色彩剖析之深邃黑,插图60,来源:资源仓库www.zycang.com

Bart Claeys

详细解析网页设计色彩剖析之深邃黑,插图61,来源:资源仓库www.zycang.com

Blake Allen

详细解析网页设计色彩剖析之深邃黑,插图62,来源:资源仓库www.zycang.com

Kardo Ayoub

详细解析网页设计色彩剖析之深邃黑,插图63,来源:资源仓库www.zycang.com

Daryl Campbell

详细解析网页设计色彩剖析之深邃黑,插图64,来源:资源仓库www.zycang.com

Thomas Prior

详细解析网页设计色彩剖析之深邃黑,插图65,来源:资源仓库www.zycang.com

Rehybrid

详细解析网页设计色彩剖析之深邃黑,插图66,来源:资源仓库www.zycang.com

DandyPark

详细解析网页设计色彩剖析之深邃黑,插图67,来源:资源仓库www.zycang.com

Charlie-x

详细解析网页设计色彩剖析之深邃黑,插图68,来源:资源仓库www.zycang.com

Studio Ten and a Half

详细解析网页设计色彩剖析之深邃黑,插图69,来源:资源仓库www.zycang.com

Dewitte Casse

详细解析网页设计色彩剖析之深邃黑,插图70,来源:资源仓库www.zycang.com

Circus Family

详细解析网页设计色彩剖析之深邃黑,插图71,来源:资源仓库www.zycang.com

Margaret London

详细解析网页设计色彩剖析之深邃黑,插图72,来源:资源仓库www.zycang.com

Do You Know Clarence

详细解析网页设计色彩剖析之深邃黑,插图73,来源:资源仓库www.zycang.com

Horologe Australia

详细解析网页设计色彩剖析之深邃黑,插图74,来源:资源仓库www.zycang.com

Postmachina

详细解析网页设计色彩剖析之深邃黑,插图75,来源:资源仓库www.zycang.com

XQS Band

详细解析网页设计色彩剖析之深邃黑,插图76,来源:资源仓库www.zycang.com

Lewebdefi

详细解析网页设计色彩剖析之深邃黑,插图77,来源:资源仓库www.zycang.com

Black Estate Vineyard

详细解析网页设计色彩剖析之深邃黑,插图78,来源:资源仓库www.zycang.com

QUE proReader

详细解析网页设计色彩剖析之深邃黑,插图79,来源:资源仓库www.zycang.com

Creative Joomla Design Book

详细解析网页设计色彩剖析之深邃黑,插图80,来源:资源仓库www.zycang.com

Expression Tints

详细解析网页设计色彩剖析之深邃黑,插图81,来源:资源仓库www.zycang.com

颜色中的黑暗骑士

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

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

如需 WordPress 优化加速、二次开发、网站维护、企业网站建设托管等服务,点此联系我 | 近期站内热门福利推荐:
文章版权及转载声明

本文地址:https://www.zycang.com/3881.html
文章转载或复制请以超链接形式并注明来源出处。 本文最后更新于:2022-07-19 23:13:38
声明:某些文章或资源具有时效性,若有 错误 或 所需下载资源 已失效,请联系客服QQ:11210980

喜欢就支持一下吧
点赞126赞赏 分享
评论 抢沙发

请登录后发表评论