原文地址: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. tyvj1022 - 进制转换 ——进制为负数

    题目链接:https://www.tyvj.cn/Problem_Show.aspx?id=1022 #include <cstdio> #include <cstdlib> ...

  2. google-http-java-client(android学习篇)

    package com.example.android; import java.io.IOException; import java.util.HashMap; import android.ap ...

  3. Linux 安装rar解压工具

    下载RAR安装包: http://www.rarsoft.com/download.htm 我的是CentOS 64位: wget http://www.rarsoft.com/rar/rarlinu ...

  4. Scrum 项目2.0

    阅读教材第8章,8.1~8.3节 P157~168,了解获取用户需求的办法,每个组可以选择一二加以应用. 8.4节P168-171 查阅NABCDA模型的具体说明. 2.SCRUM 流程的步骤 1 完 ...

  5. python中文输出和写入文本

    中文输出 #-*-coding:utf8-*- import requests import re timeout = 8 headers = {'User-Agent':'Mozilla/5.0 ( ...

  6. Iaas-cloudstack2

    流程是下面的模板安装脚本,将对应的hypervisor模板下载下来并另存为临时文件,并解压缩,并将其移动到二级存储相应目录下,仅完成此工作. [root@manage nfs]# /usr/share ...

  7. 任我行 CRM 9.4

    下载地址: http://ftp.wecrm.com/azb/graspcrm_ect_v9.4.rar 200用户补丁下载地址: http://bbs.sunwy.org/thread-197862 ...

  8. mysql 获取一个表中缺失的最小编号

    select count(*),t1.`name` from test_id t1INNER JOIN test_id t2on t1.id >= t2.idgroup by t1.id,t1. ...

  9. Java连接Oracle

    Process myProcess = Runtime.getRuntime().exec("ipconfig"); InputStreamReader ir = new Inpu ...

  10. XAMPP 在windows下无法启动Apache解决方案

    XAMPP 在windows下无法启动Apache解决方案 一.现象 XAMPP 点击Start Apache时出现如下错误 20:41:12  [Apache] Error: Apache shut ...