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

2016-02-16 23:59 37 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐详细解析网页设计色彩剖析之深邃黑,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - 平面设计 】

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

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

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

定义黑色:

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析网页设计色彩剖析之深邃黑,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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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教程,图老师教程网

颜色中的黑暗骑士

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

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

来源:http://www.tulaoshi.com/n/20160216/1576631.html

延伸阅读
公司内训做的一些内容,当然和专业的UED相比,这样的视觉规范显得稚嫩,但对于新人,可以作为入门的参考材料。
在来腾讯的一年里,接触过许多项目里的字体设计,也因此在设计过程中形成了自己的一套字体设计方法。借此机会与大家分享设计心得,不足处欢迎顶帖回复。废话少说,直奔主题。 如何实现字体变形 如何实现字体变形?我想是刚接触字体设计的设计师们最关注的问题。在这里我只想分享一个观点,每个人的创意和实现方式各有不同。我在这儿介绍的...
来自网易四十大盗的一篇经典文章,现在很多同学设计网页木有思路和灵感,保证你看完本文一定受益匪浅。工作中,网页设计师经常会遇见这些状况:时间短又要出彩、大气又要有气氛、风格不明确很难把握、栏目又多页面又长,突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 一、旋转法 将页...
一篇开拓网页设计思路的文章,虽然有些年代了,但是其中分享的构图技巧到现在依然是非常受用的,如果你能领悟个中精髓,融会贯通。那么今后你设计出来的网站,一定会从格局形势上让客户眼前一亮。 网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的...
上次说了色彩系列的橙色,今天继续聊聊黄色。这篇文章是在看了李正贤的《不一样的配色设计》一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,非常适合新手学习。 谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为光之色彩。 简述 作为光的颜色,黄色可以作为挽救黯淡色调的救世主...

经验教程

836

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部