淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2522|回复: 20
收起左侧

【分享】配色的秘诀:永远不要使用纯黑色

[复制链接]
  • TA的每日心情
    臭美
    2015-11-15 17:51
  • 签到天数: 35 天

    连续签到: 1 天

    [LV.5]略有小成

    17

    主题

    84

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10094

    QQ
    发表于 2015-4-15 23:16:16 | 显示全部楼层 |阅读模式

    觉得写的很好  就分享给大家了 一起阅读 一起提高!!


    我这辈子学到最重要的配色技巧便是:在作品中避免使用纯黑色。小时候,我的美术老师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女士告诉我这一点,再后来在罗德岛设计学院,他们也这么教导我。但真正让我开始重视到这一点的,还是生活中的启发,以及实际设计中的解惑经历。怎么样?界面设计难吧?说简单,很简单,说难,真的很难。因为做设计,你必须细心,一厘一毫,一个百分比都不能差。直到现在,我还是无法快速的选取合适的灰色,我总是要琢磨半天。

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





    评分

    参与人数 1美工币 +20 收起 理由
    繁华瞬间 + 20 本文阅后不留言不加分的都木有小JJ!.

    查看全部评分

    学乃快乐之源,自信之根。
  • TA的每日心情
    抱抱
    2016-7-25 07:05
  • 签到天数: 950 天

    连续签到: 3 天

    [LV.10]功行圆满

    0

    主题

    466

    帖子

    15万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    156301

    发表于 2015-4-16 08:13:34 | 显示全部楼层
    学习了,谢谢,果断收藏。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-6-17 14:24
  • 签到天数: 13 天

    连续签到: 1 天

    [LV.3]武林新秀

    11

    主题

    126

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19213

    QQ
    发表于 2015-4-16 08:43:19 | 显示全部楼层
    嗯,我也觉得,配色是一种学问。
    我宁愿是个技术稍微拙劣的设计师,也不愿是职业的搬运工!
  • TA的每日心情
    抱抱
    2015-8-28 09:03
  • 签到天数: 75 天

    连续签到: 2 天

    [LV.6]渐入佳境

    4

    主题

    236

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16452

    发表于 2015-4-16 08:45:25 | 显示全部楼层
    赞一个
    哈哈哈哈哈
  • TA的每日心情

    2016-5-4 14:26
  • 签到天数: 254 天

    连续签到: 1 天

    [LV.8]自成一派

    1

    主题

    171

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    50813

    发表于 2015-4-16 08:47:58 | 显示全部楼层
    学习了,谢谢

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    该用户从未签到

    0

    主题

    2

    帖子

    3997

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3997

    发表于 2015-4-16 09:04:10 | 显示全部楼层
    分享,学习  谢谢

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    昨天 09:34
  • 签到天数: 446 天

    连续签到: 4 天

    [LV.9]已臻大成

    96

    主题

    1359

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    57754

    QQ
    发表于 2015-4-16 09:11:56 | 显示全部楼层
    就是不用纯黑色~~~~~~

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-10-28 10:46
  • 签到天数: 184 天

    连续签到: 2 天

    [LV.7]炉火纯青

    2

    主题

    101

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23315

    发表于 2015-4-16 09:26:53 | 显示全部楼层
    学习了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-5-10 13:42
  • 签到天数: 24 天

    连续签到: 2 天

    [LV.4]初窥堂奥

    0

    主题

    62

    帖子

    3470

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3470

    发表于 2015-4-16 10:21:06 | 显示全部楼层
    谢谢分享,学习啦!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-11-22 10:07
  • 签到天数: 207 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    703

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19470

    最佳新人热心会员

    发表于 2015-4-16 10:51:35 | 显示全部楼层
    配色值得学习~
    我可以划船不用浆,我可以扬帆没有风向,因为我这一生,全靠浪o(∩_∩)o
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 04:13 , Processed in 0.157716 second(s), 35 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表