黑色系——在网页设计配色中如何应用？
15:39:25 本文行家：
&&&&&&& 黑色是暗色，是纯度、色相、明度最低的非彩色。象征着力量，有时感觉沉默、虚空，有时感觉庄严肃穆，有时又意味着不吉祥和罪恶。自古以来，世界各族都公认黑色代表死亡、悲哀黑色具有能吸收光线的特性，别有一种变幻无常的感觉。　　黑色能和许多色彩构成良好的对比调和关系，运用范围很广。　　黑色给人深沉、神秘、寂静、悲哀、压抑的感受。　　黑色是最有力的搭配色。　　黑色也常用来表示英俊的男人。　　下面我们根据黑色系搭配不同的颜色所表现出的特性做不同的举例分析。 明度对比：黑色+白色网页设计（自由循环视觉设计工作室整理）&
&&&&&& 从RGB和HBS模式可以看出，三组数字显示没有掺杂任何的数字，都统一到最高级0到255，即纯黑和纯白。　　黑色白色属于没有色相和饱和度、只在明度两极的非色彩。两种极端强烈对比的只在明度上有区别的颜色，与前面我们所说的三原色、对比色的对比还是有较大区别的。　　该网页页面只有两种非色彩搭配，即黑色白色，衬映得该页面的设计元素也非常干净简练，旁边点缀大小得当的文字元素减小该网页页面有可能因此产生的单调感觉。结论：　　黑白纯色在明度上反差非常大，视觉冲击强烈，主次分明，全站的贯穿运用，构成特色鲜明的设计风格，散发迷人的高品位的贵族气息。　　黑白两种颜色的搭配使用通常可以表现出都市化的感觉，常用于现代派网页页面设计中。非色彩系：黑白深灰色网页设计（自由循环视觉设计工作室整理）&
&&&&& 该网页页面与上页配色类似，只是多了一组辅助色——灰色，黑、灰、白这三种非色彩在该网页页面里都运用到了。大家从该网页整体可以看到，多了辅助色灰色，令该页面层次感更丰富，过渡更柔和，空间感觉增强。左上部点睛色白色块面的运用，使得这种空间感差距拉大，增强视觉层次感，同时突出标志品牌、主题思想。另一作用在于突出文字的功能运用。　　背景深灰色明度非常低，接近于黑色，稍不留心有可能会被忽略。结合辅助色灰色再整体上看该色配色，主要起到丰富视觉层次感，缓和主色调黑色有可能带来的僵硬感。　结论：　　黑白灰非色彩色调所构成的网页页面较具特色，尤其灰色的加入更增添层次感。　　结合黑白图形，营造出一段古典的故事场景。契合该网站所体现的内容思想。黑色系分析：黑色背景
网页设计（自由循环视觉设计工作室整理）&&&&&&& 背景黑色下，除了白色，还有其他三种颜色绿色、紫色、红色分布在不同的位置。其中绿色和紫色虽然被称之为辅助色，但它们使用的面积仍然不多，只是相对于点睛色红色来说。绿色主要是用于文字方面，紫色用于图形方面，所指向的分工明确。从RGB模式RGB三个数值上看到紫色混合数值上较接近，因此纯度降低，相对于绿色红色来说为中间色，色彩性能上呈低调缓和状态。　　HSB模式S数值来看，绿色虽然纯度上比红色稍低些，也许是因为使用面积较多的原因，看起来似乎比红色醒目些。红色在这里主要起到的是点明目前所属的状态这一功能性作用，在黑色的背景下尽管使用面积非常小，但依旧容易被浏览者注意到。结论：　　黑色的背景下所使用的颜色面积虽然不多，但由于黑色这一衬托放大的特性，其他颜色较容易引起浏览者的注意，充分发挥其设计意图。黑白浅灰
&网页设计（自由循环视觉设计工作室整理）&&&&&& 从RGB数值都是234来上看可知，255为白色，背景色234只是在明度上稍做变化得到的浅灰色。背景的浅灰色把前景的白黑对视觉的刺激力变得柔和协调很多。虽为背景灰色，实际在整个网页页面配色作用上起到了点睛之笔，使得页面焕发出另外一种神秘且特殊的气息。　　该网页页面无论从设计上还是配色上都非常简洁，主要是以黑白文字为重点，背后的白黑色块面粗、白色边框线条无不是为了突出前景文字的作用。结论：　　该页面设计风格极其简约，除了方形块面边框，没有多余的图形修饰，主要是以文字的大小粗细、疏密间距排版为设计元素。　　浅灰色的加入让本来具强烈冲突色的黑白变得素雅些了，也颇具高层次格调许多。黑色＋少量彩色
网页设计（自由循环视觉设计工作室整理）&&&&&&& 该网页页面基本上还是以黑色为主色调，虽然似乎多了不少颜色的加入，但是由于使用面积都较少，除了少许修饰外主要运用于功能文字方面的强调。　　辅助色蓝色正蓝色的HSB模式的H应该是240，目前这显示的是215可看出色相上稍向绿色靠拢，S93％B43%来看纯度和明度都不高，因此该蓝色在黑色上显示不明显。　　这里的点睛色主要都运用在文字功能上，红色几乎是正红，由于降低了纯度和明度，该颜色不明显。绿色H数值为149，正绿色为120，色相上稍向蓝色倾斜，纯度和明度不高，因此该颜色也不明显。&结论：　　低纯度低饱和度的色彩在黑色背景下，较易使整体色彩达到统一的目的，颜色变得柔和而含蓄。黑色配色：黑色+橙色
网页设计（自由循环视觉设计工作室整理）&&&&&&& 橙色的HSB模式H色值显示是25，而正橙色是30可以知道，该橙色色相上稍往黄色倾斜。我们通过前面的学习可以知道橙色适用于视觉要求较高的时尚网站，运用于该网站主题设计再适合不过了。另一点睛橙色在色相上稍偏橙红色，是基于橙色的一个过渡或者说是增加视觉节奏感的一个小方法。右边文字在不同程度上也使用了橙色做为点睛，稍平衡了左右视觉，起到色彩左右呼应的作用。　　辅色调白色使得黑色和橙色的搭配上不至于太生硬，增强页面视觉的愉悦感。　结论：　　橙色在黑色的背景上显得很鲜亮，它的特性得到了最大化的发挥。黑色配色：黑色+红色
网页设计（自由循环视觉设计工作室整理）&&&&&&& 辅助色红色从HBS模式上的H为0度看出，该红色为正红色且纯度明度都为最高值100%，在黑色这一背景的衬托下，高纯度高明度的正红色遇到黑色搭配结合而得的特性简直发挥到了极致。因此该网页页面色彩配色具有极强的视觉冲击力。　　点睛色白色是让这两种颜色配合起来更透亮，缓和对人视觉不适的压迫力。　　尽管网页页面的设计元素为噪音效果，颜色在不同面积分配上也参差不齐的感觉，但是由于黑色主色调为背景，牢牢掌控了全局，页面设计及配色上也能达到统一的目的。　　结论：　　红色和黑色的搭配被誉为商业的成功色。一是因为红色是一种对人刺激性很强的颜色，是最鲜明生动的、最热烈的颜色。在黑色的反衬下鲜明红色极容易吸引人们的目光。红色相对于其他颜色，视觉传递速度最快。　　红黑这两种配色也被广泛的运用于较能体现个性的时尚类网站，让人印象强烈的深刻。 　　本部分小节：　　　　● 黑色是最暗的颜色，是纯度、色相、明度最低的非彩色。因此它较容易起到衬托和发挥起其他颜色的特性，是最有力的搭配色。　　● 黑白色的搭配较充满个性，合理运用能散发出另外一种迷人的高品位高格调的贵族气质。黑色与橙色搭配较容易营造视觉要求较高的时尚网站。黑色与红色的搭配被誉为是商业的成功色，具有极强的视觉冲击力。　　● 无论网页页面上使用或者色相跨度大的多种颜色、或是高纯度低纯度、或者高对比的颜色，只要有黑色这一最得力的色彩为主色调掌控着，页面设计配色上能得到和谐统一的效果。
参考资料：
[1] 设计前沿
百科的文章（含所附图片）系由网友上传，如果涉嫌侵权，请与客服联系，我们将按照法律之相关规定及时进行处理。如需转载，请注明来源于。
自己在大同开了一个平面设计工作室，名叫《自由循环视觉设计工作室》，专业从事画传设计，进行现场跟拍，记录情人恋爱之旅、孕照、满月、百岁、周岁、百岁、贺寿、白事、活动、庆典等珍贵瞬间。凝固时间，沉淀历史。股票/基金&
新黑色时尚！创意黑色系网页设计欣赏
作者：创意悠悠花园
　　如果你喜欢黑色系的设计，那么今天分享的：30个创意的黑色系网页设计，希望其中有你喜欢的，或者可以给你带来灵感的。　　1、Pictory图01　　2、Black Estate图02　　3、Krijtenberg图03　　4、Future of Web Design图04　　5、Esteban Munoz图05　　6、osvaldas.info图06　　7、Blue Collar Agency图07　　8、FotoMaps图08　　9、Mutant Labs图09　　10、Robocat Apps图10　　11、pizzaza.ca图11　　12、Mostrom Design图12　　13、Tuispace图13　　14、Visual Box Site图14　　15、Image Now图15　　16、Papercutart图16　　17、Cassius图17　　18、Kid koala图18　　19、Easy Bistro图19　　20、Fully Illustrated图20　　21、Digital Invaders图21　　22、Peplopez图22　　23、Where They Atnola图23　　24、Born With Design图24　　25、Chuan Film图25　　26、Kode Hurts My Brain图26　　27、Dead Pixel Studio图27　　28、Tunnel Bravo图28　　29、Element图29　　原文地址：30个创意的黑色系网页设计
10/18 09:4109/15 09:22
科技精品推荐
每日要闻推荐
精彩焦点图鉴
　　【免责声明】本文仅代表作者本人观点，与和讯网无关。和讯网站对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。怎么将XP的工具栏变成黑色系主调的工具栏？_百度知道
怎么将XP的工具栏变成黑色系主调的工具栏？
我有更好的答案
除了点属性--外观，最好点“主题”（控制面板中），那样不仅工具栏变了，背景啊，鼠标啊那些都要变
到网上下载个变脸王，什么格调自己变
在桌面右击--属性--外观
为您推荐：
其他类似问题
工具栏的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。<em class="visited visited阅读
黑色系大宗商品是大宗商品的一部分，特指的是煤炭、石油、钢铁等黑颜色的大宗商品，又以煤炭、铁矿石为代表。
什么是黑色系？下面是小编为您搜集到的黑色系大宗商品的相关知识。
首先我们先来了解下，什么是大宗商品？大宗商品是指可进入流通领域（非零售环节），具有商品属性并用于工农业生产与消费使用的大批量买卖的物质商品。在金融投资市场，大宗商品指同质化、可交易、被广泛作为工业基础原材料的商品，如原油、、钢铁、、铁矿石、煤炭等。
大宗商品包括3个类别，即能源商品、基础原材料和。大宗商品具有供需量大、价格波动大、易存储、易运输等特点。
什么是黑色系大宗商品？黑色系大宗商品是大宗商品的一部分，特指的是煤炭、石油、钢铁等黑颜色的大宗商品，又以煤炭、铁矿石为代表。其中铁煤焦钢这一产业链上的品种主要有铁矿石，焦煤，焦炭，动力煤，螺纹钢，线材，板材，硅铁，锰硅这几类。
以上就是小编为大家搜集的“什么是黑色系大宗商品？”的基础知识，想了解更多的现货知识请关注金投现货相关知识栏目。
&#160;&#160;&#160;&#160;
编辑：qiuyumei
北京时间周四(5月18日)晚22:30，美国能源信息署(EIA)公布的美国截至5月12日当周EIA天然气库存录得增加680亿立方英尺，高于预期的增加610亿立方英尺，前值为增加450亿立方英尺。
&#160;&#160;&#160;&#160;
<font class="visited
国际现货黄金周一(5月22日)延续涨势，周一美市盘中，现货黄金突破1260美元/盎司关口，最高触及1260.80美元/盎司，现交投于这一关口附近。
&#160;&#160;&#160;&#160;&#160;
<font class="visited
周一玻璃期货结算价格继续震荡收涨。现货方面，国内浮法玻璃市场大稳小涨。华北沙河出货尚可，个别薄板厚度货紧，有抬价现象，华东、华中出货较为平稳。
&#160;&#160;&#160;&#160;&#160;&#160;&#160;
<font class="visited
周一甲醇期货价格震荡收涨，现货方面，湖北地区甲醇市场低价出货意向减少。山西甲醇市场成交区间窄幅上行可外销货源有限。
&#160;&#160;&#160;&#160;
<font class="visited
昨日（11月23日）最新一期环渤海动力煤价格指数发布，其中5500大卡动力煤价格报收于601元/吨，环比下行3元/吨，这也是该指数连续第三期下行。
&#160;&#160;&#160;&#160;&#160;&#160;
<font class="visited
免责声明金投网发布此信息目的在于传播更多信息，与本站立场无关。部分内容来自互联网，不保证该信息（包括但不限于文字、图片、图表及数据）的准确性、真实性、完整性、有效性、及时性、原创性等，如无意中侵犯媒体或个人知识产权，请及时来电或致函告之，本站将在第一时间内给予删除处理。若是未经证实的信息仅供参考，不做任何投资和交易根据，据此操作，风险自担。
金投网下载黑色，是亮度最低的非彩色。本文为大家推荐一组优秀的黑色系网站。
黑色，是亮度最低的非彩色。黑色在不同的场景下有不同的含义，但黑色在设计运用过程中，经常给人传递的是一种庄重、神秘、秘密、稳重等等的一系列视觉感受，相比白色而言，黑色肯定显得没有那么纯白洁净和友好，所以我们在用黑色作为网站的主色调的时候，一定要慎重，因为用不好的话，可能这个网站就会给人一种消极感受。
当然，也有很多设计师将黑色用的出神入化的，今天我们一块来学习这些优秀的黑色系网站，分享一下到底这些网站好在哪里。
的网站，第一视觉感受应该就是酷、大气。的确黑色和白色的相互搭配可以营造出酷的视觉感受，除此网站中还运用了大量不同灰色来做调和，整个网站给人一种黑白灰相互碰撞的视觉体验，图片的选取也格外用心，在黑白灰基调的图片中，着重突出其中的一些彩色元素，使得网站变色活泼跳跃，不会太压抑沉闷，这样的设计无疑是很成功的。
这个网站我之前也拿来当过案例分析，在色彩对比的那一章节中。这个网站也是我个人比较喜欢的黑色系网站之一，整个网站首页设计采用了无彩色和有彩色的对比，整体画面色彩对比特别明显，容易彰显个性和主题。黑色的底色、白色的字体和灰色logo，无彩色的黑白灰都运用到了。有彩色选用了蓝色，比较明亮，也跟产品的颜色相呼应。在整个画面当中，倘若没有蓝色出现，画面会变得枯燥单调，加入蓝色之后，整个画面鲜活起来了。
除了上面的MINI采用这种黑色做网站的主色调，可以看到官网也采用了一样的黑色设计，色彩搭配也同样采用了这种无彩色和有彩色的搭配做对比。黑色和黄色的搭配可以起到警示的作用，特别醒目。想想我们路边一些警示牌，基本都是黑色和黄色搭配在一块的。采用的也是这种原理，黄色和黑色在一起就会变得很跳跃。除此还有很多汽车网站也喜欢用这种黑色做主色，主要可以凸显酷炫的视觉感受和速度激情感。
官网，跟上面的两个案例有点相似，一样是黑色的底色，添加红色和白色做调和，网站第一眼看到的就是产品，这种表现手法特别容易突出产品。整个网站的表现形式都是一致的，很协调。除此，这个网站也采用了我前面说的，颜色叠加图片的表现形式。
这个网站，第一眼我以为是做智能家居的，仔细一看，其实是做葡萄酒的，界面沉稳但也温馨。对比前面的一些列网站，可以放心当黑色作为背景色的时候，产品的色彩选择跟黑色对比强烈的时候，这个情况可以看到整体的视觉效果是特别抓眼球的。
像上图的英文网站，主色调采用了黑色和蓝色相结合，这个网站也是我在几篇分享中常拿来举例的典型例子，还是说到幻灯片的设计，上一篇的分享其实有跟大家说过，这种图片加颜色叠加的表现形式特别容易出效果，这个网站就是，其次，网站中加入一部分的白色和蓝色，会让整个网站充满活力和呼吸感。这个其实很重要，很多网站从头到尾都是黑色的，这样容易给用户产生一定的压抑感，所以设计师们可以适当的加入一些其他的颜色做调和。
这个网站特别酷，我给大家截图的不是他们的首页，而是内页设计。个人觉得内页的设计更出彩，虽然是黑色为主调，但网站还应用了多种表现手法，比如图片的叠加，五彩斑斓的图片设计师可以处理得统一协调，这是一种设计能力的体现，再来网站中加入了诸多的设计元素，小却精致，比如背景不是一个千篇一律的黑，而是加了一些类似细胞生物的元素，这些元素会游动，丰富了整个页面，增加了页面的活跃性。这个网站吸引我的第一眼不是设计，而是设计师在页面上花的一些小心思，和整个界面的整体配色。
除了上面说的一些汽车、运动、游戏类网站喜欢用黑色做主色之外，还有一类网站喜欢用黑色来表达，那就是一些个人网站、设计公司或是设计机构的网站，通常这类网站主要为了宣扬他们的个性。比如上面的网站。
网站我之前也给大家推荐过，这个网站的黑色不是满屏的，它中间穿插了几个屏其他颜色的设计，使得整个网站不会太沉闷，也增加了网站的整体呼吸感。
这个网站我喜欢这个配色，黑白加上这种咖色，给人一种休闲舒适的感觉。不过如果不看内容，这个网站很容易被误以为是个咖啡厅的网站。网站版式的上的设计其实都还不错，但是有个个人小的意见就是不知道设计师是否有意在一些衔接的地方留白的，个人会觉得在上下两个区块的衔接中间可以不用留白，因为网站中间已有大部分的白色做调和。当然，这也只是个人的意见，并非就是正确的，毕竟每个人的审美不都是一样的。
，这个网站就是纯黑白灰构成，网站主要就是酷，最后底部的白色设计很好，不突兀，但是也使整个网站鲜活起来。
综合我们上面给大家推荐的这些黑色系列网站，我们可以发现当黑色作为主色系时，大都会采用无彩色和有彩色的一个色彩对比出现，而有彩色的选取大都是饱和度纯度特别高的颜色，这样的颜色对比很容易出效果，也很容易抓眼球。但是黑色背景也要慎用，特别是文字内容多的情况下，黑底白字的识别性其实不高，会比较耗费用户的精力。
好了，本期的内容就分享到这里，如果你想要了解更多，想要看到更多的网站资源，可以联系小编，小编可以把相关网站链接打包给你。
更多详情可关注微信公众号：小乔设计，转载原文请标注出处！
可以记录推荐数据哦！
添加到收藏
没有新消息
创建收藏夹
公开(受欢迎的收藏夹将有可能选入站酷精选)
私密(仅自己可见)
分享给微信好友
下次自动登录
没收到验证码?
下次自动登录
第三方帐号登录
微信二维码登录