原文地址:http://www.cgjoy.com/forum.php?mod=viewthread&tid=110762&extra=page%3D1%26filter%3Dtypeid%26typeid%3D127%26typeid%3D127

我这辈子学到最重要的配色技巧便是:在作品中避免使用纯黑色。小时候,我的美术老师Zamula女士,给我了这一点启发。
后来在罗德设计学院,他们也不让我使用纯黑色。什么?不使用纯黑色?你听到这个技巧,感觉可能会非常荒谬,但实际上,这确实是个中肯的建议。
主要问题就在于,我们通常会把较深的颜色看成是黑色。实际上,很难找到真正的纯黑。马路不是纯黑色,办公椅也不是纯黑色,网页上的字体,其实也不是纯黑色。
阴影不一定要是黑色的
在高中时期,我和几个热爱艺术的小伙伴们经常呆在一起讨论、创作。Zamula女士是我们的老师,她经常给我展示很多艺术家的作品。她对Wayne Thiebaud的作品情有独钟。她总是让我们注意画家的阴影描绘,她告诉我们,这位画家的阴影,其实全部都是亮蓝色!
Wayne Thiebaud的作品集我大概看了10遍。他是一位优秀的画家,不拘一格,阴影一般都不用黑色)

他的作品看起来非常棒,阴影的饱和度很高,而且如果你能拿到作品集看一看,你会觉得非常赞!
你可能会想“恩,这只是画,不是真的”,但是Thiebaud的作品引发了我对色彩理论的思考。

我还记得后来Zamula在课堂上为我们拿出了一个蓝色灯泡,装好后,对准白色基架上的白球,阴影居然是橙色的,而不是黑色。
当时我很震撼。现在我漫步在旧金山,寻找一些最饱和阴影。这是我用Path(使用了滤镜)拍下的照片,我得到了如下结果。

图像中颜色最深的地方不是#000000,。而是#130f30(亮度19%,饱和度69%)
黑色会压倒一切
当你精心挑选了颜色,准备开始设计时,你又加入了纯黑色。很不幸的告诉你,黑色的色彩强度能够压倒其他色彩。黑色会非常的突出,因为自然界没有真正的纯黑,会显得不自然。日常生活中看到的黑色都不是纯黑,而是深灰。而且,光可能会为其着上色调,因此他们是着了色的深灰。
很多我们日常使用的应用,里面都有黑色,但实际上,是深灰色。比方说Twitter的侧边栏,Sublime Text 2的侧边栏,Twitter Bootstrap,PS的背景。他们的颜色都是接近黑色的颜色。但是色彩上稍微进行了调和,避免黑色盖过屏幕上的其他元素。

饱和度是关键

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

在为 Segment.io配色时,我使用了此法。在灰色中加入了少许的橙黄色。在浅灰色部分,饱和度最低为2%。一直到深灰色的22%。用PS的颜色选择器中形成了弧形。
再来看看老版的Facebbok界面,为什么Facebook移动界面看起来这么赞?因为它们的灰色,稍微掺杂了一点Facebook标志性的蓝。

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

[转][色彩 A] – 永远不要使用纯黑的更多相关文章

  1. 永远不要去B网(Bittrex.com)

    永远不要去Bittrex.com,没见过这么垃圾的服务! 注册之后基本资料就不能修改了,结果不能提现,充值却是可以充值,就跟今年初禁比特币时的垃圾火币网一样,只进不出,去他奶奶的! 随后网站提示可以高 ...

  2. 【安卓特效】怎样给ImageView加上遮罩,点击时泛黑、或泛白、?

    基本思路: 方法1.遮罩可直接叠加一层带alpha的纯白.或纯黑View,可直接在ImageView外套一层FrameLayout,其foreground(一般同学可能仅仅知道background,事 ...

  3. ps色彩混合

    http://tieba.baidu.com/p/2032536851?pn=1 HSB 这是一种颜色的表示方法:其中"H"表示色相,"S"表示饱和度,&quo ...

  4. 遇见一只黑猫,她说Python是个怪物

    导读: Python猫是一只喵星来客,它爱地球的一切,特别爱优雅而无所不能的 Python.我是它的人类朋友豌豆花下猫,被授权润色与发表它的文章.如果你是第一次看到这个系列文章,那我强烈建议,请先看看 ...

  5. [opencv]建立纯色图

    1.建立纯白图片,指定大小 250*250为图片的宽高,可自己设置. Mat white = cv::Mat(250,250,CV_8UC3,Scalar(255,255,255)); 2.建立纯黑图 ...

  6. 趋势or过渡,量子点屏幕真的优于OLED?

    [导读]谁都知道买电视就是要买看起来很爽的产品,但怎么界定这个“爽”字?大部分人所知的是屏幕要够大,再近一步就是分辨率要够高——在这个4K分辨率逐步进入寻常家庭的时代,这两者已经不是选购屏幕类产品的大 ...

  7. 怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

    不知道你有没有想过,为什么很人多的扁平化 PPT 是这个样子: 或者是这样: 然而,还有一小撮人的扁平化 PPT 却拥有那么高颜值: 为什么会产生这么大的差距呢?丑逼 PPT 应该如何逆袭成为帅逼呢? ...

  8. 光圈,快门, 曝光,焦距, ISO,景深。

    光圈,快门, 曝光,焦距, ISO,景深. ISO(感光度)与图片质量 ISO -- 感光度,是一个曝光率极高的词,我们在超市买饼干的时候就可能会看见包装袋上写:本公司已通过ISO9001质量体系认证 ...

  9. Camera ISO、快门、光圈、曝光这几个概念

    转载自知乎:https://www.zhihu.com/question/21427664 种田要知节气,开车要懂离合,任何一样手艺都有行话.虽然我觉得尽量从实际问题说起,尽量不要说的很专业,但有几个 ...

随机推荐

  1. URAL 1004 Sightseeing Trip(最小环)

    Sightseeing Trip Time limit: 0.5 secondMemory limit: 64 MB There is a travel agency in Adelton town ...

  2. 利用CSS的@font-face属性 在网页中嵌入字体

    字体使用是网页设计中不可或缺的一部分.网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计. 美工设计师最常做的办 ...

  3. 用Spring的mappingDirectoryLocations来配置Hibernate映射文件

    在Spring的applicationContext.xml中配置映射文件的方法: <property name="mappingResources">     < ...

  4. Compute Mean Value of Train and Test Dataset of Caltech-256 dataset in matlab code

    Compute Mean Value of Train and Test Dataset of Caltech-256 dataset in matlab code clc;imPath = '/ho ...

  5. CentOS6.4安装Golang环境

    什么是Go? Go是一门并发支持.垃圾回收的编译型的系统编程语言,目的是为了创造一门具有在静态编译语言的高性能和动态语言的高效开发之间拥有良好平衡点的一门编程语言. Go的主要特点有哪些? 类型安全和 ...

  6. C# Timer用法及实例详解

    C# Timer用法有哪些呢?我们在使用C# Timer时都会有自己的一些总结,那么这里向你介绍3种方法,希望对你了解和学习C# Timer使用的方法有所帮助. 关于C# Timer类  在C#里关于 ...

  7. 【转】C# Winform打包部署时添加注册表信息实现开机启动

    使用VS自带的打包模块可以很方便的对项目进行打包部署,同时我们也可以在安装部署时操作注册表实现开机启动软件.具体实现如下: 1.添加安装部署项目后,鼠标右键安装项目->视图->注册表,HK ...

  8. Android Afinal框架

    项目如图: 本文参考网络! Afinal是一个开源的android的orm和ioc应用开发框架,其特点是小巧灵活,代码入侵量少.在android应用开发中,通过 Afinal的ioc框架,诸如ui绑定 ...

  9. Log4j 使用总结

    在实际编程时,要使Log4j真正在系统中运行事先还要对配置文件进行定义.定义步骤就是对Logger.Appender及Layout的分别使用.Log4j支持两种配置文件格式,一种是XML格式的文件,一 ...

  10. lambda 的使用汇总

    d=lambda x:x+1print(d(10))lambda 相当于一个轻量函数返回 d=lambda x:x+1 if x>0 else "error"print(d( ...