配色的秘诀永远不要使用纯黑色

   我这辈子学到最重要的配色技巧便是:在作品中避免使用纯黑色。小时候,我的美术老师Zamula女士,给我了这一点启发。

  后来在罗德设计学院,他们也不让我使用纯黑色。什么?不使用纯黑色?你听到这个技巧,感觉可能会非常荒谬,但实际上,这确实是个中肯的建议。

  主要问题就在于,我们通常会把较深的颜色看成是黑色。实际上,很难找到真正的纯黑。马路不是纯黑色,办公椅也不是纯黑色,网页上的字体,其实也不是纯黑色。

  阴影不一定要是黑色的

  在高中时期,我和几个热爱艺术的小伙伴们经常呆在一起讨论、创作。Zamula女士是我们的老师,她经常给我展示很多艺术家的作品。她对Wayne Thiebaud的作品情有独钟。她总是让我们注意画家的阴影描绘,她告诉我们,这位画家的阴影,其实全部都是亮蓝色!

  Wayne Thiebaud的作品集我大概看了10遍。他是一位优秀的画家,不拘一格,阴影一般都不用黑色)


  他的作品看起来非常棒,阴影的饱和度很高,而且如果你能拿到作品集看一看,你会觉得非常赞!

  你可能会想“恩,这只是画,不是真的”,但是Thiebaud的作品引发了我对色彩理论的思考。

  我还记得后来Zamula在课堂上为我们拿出了一个蓝色灯泡,装好后,对准白色基架上的白球,阴影居然是橙色的,而不是黑色。

  当时我很震撼。现在我漫步在旧金山,寻找一些最饱和阴影。这是我用Path(使用了滤镜)拍下的照片,我得到了如下结果。


  图像中颜色最深的地方不是#000000,。而是#130f30(亮度19%,饱和度69%)

  黑色会压倒一切

  当你精心挑选了颜色,准备开始设计时,你又加入了纯黑色。很不幸的告诉你,黑色的色彩强度能够压倒其他色彩。黑色会非常的突出,因为自然界没有真正的纯黑,会显得不自然。日常生活中看到的黑色都不是纯黑,而是深灰。而且,光可能会为其着上色调,因此他们是着了色的深灰。

  很多我们日常使用的应用,里面都有黑色,但实际上,是深灰色。比方说Twitter的侧边栏,Sublime Text 2的侧边栏,Twitter Bootstrap,PS的背景。他们的颜色都是接近黑色的颜色。但是色彩上稍微进行了调和,避免黑色盖过屏幕上的其他元素。


  这里不妨用Dribbble来做个测试,搜索一下近黑和纯黑,你看看哪个页面看起来更舒服? shots with pure black (纯黑) shots with “real black” (近黑)


  饱和度是关键

  知道了不要使用纯黑,那么怎么使用黑色呢?想要更进一步吗?来,我来讲讲自己的小秘籍。当使用灰色时,不妨掺杂一点其他颜色,这样色彩看起来就不呆板了。比方说我之前用Path拍摄的照片,饱和度居然有69%,想要达到浅灰色的程度,饱和度只需要3%。


  在为 Segment.io配色时,我使用了此法。在灰色中加入了少许的橙黄色。在浅灰色部分,饱和度最低为2%。一直到深灰色的22%。用PS的颜色选择器中形成了弧形。

  再来看看老版的Facebbok界面,为什么Facebook移动界面看起来这么赞?因为它们的灰色,稍微掺杂了一点Facebook标志性的蓝。


  结论

  最开始是Zamula女士告诉我这一点,再后来在罗德岛设计学院,他们也这么教导我。但真正让我开始重视到这一点的,还是生活中的启发,以及实际设计中的解惑经历。怎么样?界面设计难吧?说简单,很简单,说难,真的很难。因为做设计,你必须细心,一厘一毫,一个百分比都不能差。直到现在,我还是无法快速的选取合适的灰色,我总是要琢磨半天。

  记住原则!永远不要使用纯黑,这样就太不自然了。

时间: 2024-11-03 08:48:40

配色的秘诀永远不要使用纯黑色的相关文章

网页设计中永远正确的配色法则

  身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且"错不了"的指导方针,你可以按照这些原则把握最基本的色彩规律.现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案.相反,他们是一个起点,是你如何生存在网页设计领域色彩方向的安全指南. 1. 需要配色的是你的画布,而不是你的图片 一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置.你的配色

用户体验永远不会过时的SEO秘诀

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 很多人都在提SEO,但我想大部分其实都曲解了SEO,真正的SEO是帮助搜索引擎更好的发现自己的网站,但现在98%以上的网站都把SEO搞成了搜索引擎作弊,到最后,受害的不仅是自己!在本文中,我就来给大家分享一下这两年来我在经营网站过程中所体会导致的做站心得!希望能对大家有所帮助! 一.做站如做人 人做不好网站就不可能会做好 俗话说,欺骗别人,终

从零开始全面掌握UI设计的配色方法

  一篇你绝对不想错过的文章!以前的色彩知识大多是基础科普,容易看完就忘,配色时还得翻书.但今天这篇,大多是从实战出发,学完可以立刻上手,而且还附有作者本人的色板.配色工具等等,无论是小白还是UI设计师,这篇都不容错过! 我们从小都能熟练地区分颜色,但为什么当我们需要运用色彩进行UI设计的时侯,却往往发现很难恰到好处地运用色彩,作出那些和谐得体.令人赏心悦目的设计来呢?--我觉得原因是我们对色彩的认识和实践不足,以及当我们做设计时,很容易会过度地使用色彩.作为设计初学者,你需要掌握基本的色彩理论

网页配色实战设计:科学化进行你的设计

文章简介:网页配色的天然范儿. 网页视觉层面主要是由形式(或叫布局).色彩.图片和文字信息组成,设计师通常对形式感关注的比较多,因为视觉冲击力.设计差异性或创新大多都仰赖形式呈现,而色彩主要影响整体观感.设计品质以及受众情绪,很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质,会不会太可惜? 形式需要思考创造,图片素材需要学习处理,文字需要梳理编排,但网页色彩是不是一定需要有天生的色感.丰富的理论和多年经验沉淀才能运用自如? 当然不! 关于网页配色 网页配色的文章在网络上很多,甚至有些

做网站成功者的秘诀其实很简单

做网站是一件很复杂的事,相关的知识确实很多,但一个新网站要成功却不能只靠这些知识,前面我说的为什么有那么简陋的网站会成功?为什么那么单调的网站排名会很高?为什么很多新网站一做就做大了?成功无侥幸!永远不要嫉妒别人的成功,嫉妒别人的成功是不会让自己成功的,要善于分析找到别人成功的关键,才会得到属于自己的成功!对比我自己做新网站连续失败的经历,我突然明白了,得人心!就这么简单的三个字让我一再失败!想想自己做网站没有为用户考虑,我做的东西到底是满足哪一部分人的需要?这些人还会需要什么相关的东西?我完全

营销型网站建设制胜秘诀:图文并茂更给力

web2.0一改网站建设市场格局,与此前不同的表现在两个方面:一是,更多的企业越来越注重精美的页面美术设计;第二个是,搜索引擎的认知和应用逐渐深入人心,搜素引擎营销已经成为互联网营销的中流砥柱,成为传统营销模式的有力补充.只要打开三四年前的网站,粗略看看就会明白,网站建设制作已经从传统的重文字轻图片慢慢过渡到图文并茂,甚至有些更注重页面美术设计,因为专业的网站设计总能让人赏心悦目,更容易抓住用户关注的目光. 但是从营销的角度来说,只有不断提高搜索引擎导入流量,同时将流量转换为销量,才是网站建设的

网页设计配色基础:RGB与HSB

在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法. 这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用.因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余. 为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式. ■ RGB RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red).G(Green).B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示. 通常情况下,

QQ升级中坐庄与帮庄的秘诀

坐庄秘诀 -铺底牌 底牌铺完,这局牌的胜负也就决定了.因此至关重要. 1通常情况下,一定要绝一门付牌,因为这是和对家过桥的通道! 2三门付牌都好,主少,也没有主牌分,要先把主牌绝掉! 3没有分的付牌,不可留对,即便是一对Q也扣掉.否则一手出去,可能就丢五十分. 4主不强的话,分多的付牌不扣没关系,一定要绝掉分少的付牌. 掌握上述秘诀,结合其它常识,30秒钟的扣牌时间足以奠定局面:大胜之局奔大光,小胜之局奔小光:危难之局只留给敌人七十五分,败局锁定在120之内! 坐庄要领 ①首攻:难牌可选择拔尖问

为新手量身打造的UI界面配色方法

  如何快速选择或搭配颜色?今天@Micu设计 和大家介绍在界面中最为常用的三个方法,简单实用,附上大量的优秀实例,特别适合刚入门的色彩新手,学起来! 快过年了,大家手头上的事都很多,于是很多同学要设计活动页面或者APP界面大改版等,那么如何快速的选择或搭配颜色呢?"选择"和"搭配颜色",听到这两个词汇的时候,是不是从潜意识上就会有反感,心理琢磨着,这绝对是个坑!肯定得翻来覆去的折腾一把.其实很多初学设计师都会碰到同样的问题. 那我们就横刀直入的来说说这三招吧. 第