• 习近平时间携手共建生态良好的地球美好家园 2019-06-14
  • (原创首发)法治不行,正义难成,法治有力,正义显功。 2019-06-14
  • 怀化近800亿元项目集中开工签约助“全域脱贫” 2019-06-12
  • 贵州日报报业集团总编辑万群祝贺人民日报创刊70周年 2019-05-31
  • “中国梦·申城美”微电影大赛 2019-05-31
  • 调查:六成老人感到幸福,西藏排第一,您家的呢?  2019-05-26
  • 《广播电视节目制作经营许可证》((广媒)字第179号) 2019-05-26
  • 红木家具日常养护之法 2019-05-16
  • 是一对什么关系?与你和四两是一样的关系?[微笑] 2019-05-13
  • 3GPP发布5G标准SA方案 标志首个国际5G标准正式出炉 2019-05-11
  • 因为中国人最朴素的观念就是安居乐业。家,是人立身之地,是所有努力可以得到支撑的基础,是所有固守能够成功反击的前提。这是游牧民族永远干不动搞不定这个民族的原因。它 2019-05-09
  • 山东男篮最被低估的小巨人 他天赋超胡金秋却被耽搁 2019-05-09
  • 看着就想笑这一贴证明,计划经济不是来自苏联,而是来自资本主义 2019-04-27
  • 罗品禧的专栏作者中国国家地理网 2019-04-27
  • 做习近平新闻思想的坚定实践者 2019-04-26
  • 广西十一选5开奖结果: 广西11选5基本走势图

    注册 X

    设计癖 - 关注设计癖 发现好设计

    登录

    广西11选5基本走势图 www.1z1m.com

    忘记密码?

    登录 X

    设计癖 - 关注设计癖 发现好设计

    邮箱注册

    《设计癖免责声明》

    密码找回

    取消

    设计建议:千万别用黑色

    网站导航

    网站导航

    编者按:按常理判断,黑色是生活中非常常见的颜色,在平面设计和交互设计中肯定会经常用到。但Segment.io的创始人Ian Storm Taylor却告诫设计师们远离黑色,因为它会让所有其他颜色黯然失色。到底是怎么回事呢?我们一起来看个究竟。

    我学到的最重要的颜色技巧就是在设计中避免使用黑色。我小时候的艺术老师Zamula女士在我上中学时就告诉我了。后来在罗德岛设计学院我又听说过好几次。最初听上去有些奇怪,但这建议真的靠谱。

    问题在于,我们看到深色的东西时总是假设它们是黑色的。而实际上你很难找到纯黑的东西。马路不是黑的。你的办公椅不是黑的。Sparrow(Mac上的一款知名email客户端)的侧边栏不是黑的。网页上的文字也不是黑的。

    影子不是黑的

    高中时我和其他艺术爱好者在艺术家教室里打发时间。Zamula女士不断向我们介绍不同艺术家的作品。她经常给我们看的一本书就是Wayne Thiebaud的作品。她会激动不已的指出作者在画影子时点缀其中的明快主色。然后她会告诉我们看看作者笔下明亮的蓝色影子。

    这书我读了不下十遍,在旧金山家喻户晓的Thiebaud很好地展示了影子不是黑色的。他的影子是其油画作品中最饱满的部分,在显示屏上也是如此,在纸上看效果还好,在现实生活当中看更好。

    你可能会问,没错,但那些是油画啊,不是真的。好吧,你觉得我们的用户界面比他的画更真实吗?

    但我也这么问过,有一天Zamula女士在一节美术课上用一个蓝色的灯泡证明了这一点。她把灯泡拧到一个夹灯上,然后通上电,夹在一个凳子上。然后拿出一个纯白色的球,放在纯白色的基座上。当她打开蓝色的灯的时候,球的投影是橙色的,而非黑色。

    我当时惊呆了。现在当我在旧金山的大街上散步时喜欢寻找最饱满的影子。比如下面这张:照片中最深的部分不是#000000,而是#130f30。(亮度19%,饱和度69%)

    黑色会让所有其它颜色黯然失色

    当你把纯黑色和一组精心挑选的颜色放到一起的时候,黑色让其它颜色黯然失色。黑色鹤立鸡群,因为它不自然。你在日常生活当中看到的所谓“黑色”的东西都有点亮光点缀其中,也就是说它们不是黑色的,他们是深灰色。并且那种亮光可能是别的颜色,所以它们甚至连深灰都不是,他们是带有颜色的深灰色。

    我们平时使用的手机应用有很多黑色,但实际上并不是真正的黑色,而是深灰。Twitter的侧边栏,新版Photoshop的背景色,Twitter的引导条等。它们都使用了接近黑色的颜色,但都进行了处理,这样就不会让屏幕上的其它元素黯然失色。

    或者你可以这样验证,Dribbble上有一个非常牛逼的功能是让你根据颜色搜索照片,如果你根据“纯黑(pure black)”或“正黑(real black)”搜索,哪些看上去更好看呢?显然纯黑色的不靠谱。

    当然也不仅仅和颜色亮度有关……

    饱和度同样重要

    除了避开#000000纯黑色之外,你还能做点其他的事情。当你使用黑色时,加入一点其它颜色会看上去更活泼。添加量取决于颜色的深度。比如我的Path(一款手机应用)照片饱和度69%,而浅灰色可能只需要3%。

    这已经成为我在Segment.io工作时的主要选色原则之一。我把少量橘黄色掺杂到我们的灰色中。我们为最浅的灰色选择2%的饱和度,以此为开始,不断增加,最深的灰色饱和度为22%,从而在Photoshop上形成一条颜色弧线。

    但是还是那句话,别老听我一面之词。让我们看看Facebook。为什么他们的移动版界面看上去那么赞?因为所有灰色都加入了Facebook蓝。

    理解并没有那么简单

    Zamula老师在中学里就警告我了,很多人后来也警告过我,但真正理解起来、并建立起条件反射需要很长时间。 甚至现在我仍没有把握能选择合适的灰色。

    底线是:当你在颜色选择器里面发现#000000?时,问问你自己是否真的需要纯黑色?;坏愣匀坏难丈蛐砘岣?。如果你感觉在冒险,那么试着索性忽略颜色选择器的整个左侧边缘的颜色。

    你此刻的心情

    • 675

    • 23

    • 32

    • 49

    • 9

    版权声明: 凡本站注明来源非设计癖的文章,目的在于传播,如需转载,请与稿件来源方联系,如产生任何问题与本站无关;凡本站所发布的图片、视频等素材,版权归原作者所有,仅供学习与研究,如果侵权,请提供版权证明,以便尽快删除。

    扫码关注设计癖公众号

    扫码关注设计癖公众号
    留下评论 全部评论(17)

    1. //★逍?!睢獈义~

      不要纯黑,要五彩斑斓的黑

    2. sugarsing

      学水彩时一个老师告诉我 画影子时要在里面加一点物体的本身颜色

    3. vv

      这篇文章的标题字体颜色是黑的

    4. dvi

      然后文章下面就是一个纯黑的二维码2333

    5. vip

      你说的黑,是什么黑

      1. 1

        高级黑

      2. 那个蛋糕是我的

        眼前的黑,不是黑。

        1. 哦!番~茄?

          你说的白,是什么白

    6. 龙魂无界

      就是别用纯色的意思嘛。。。

    7. 冯磊

      学习了

    8. 谢星宁

      好像是这个样子的?。。?!

    9. Ivan

      我就是喜欢黑色 黑衣服 黑包 黑电脑

    10. SID_GAFA伟军

      受教嘞

    11. WongSDan

      设计建议:千万别用黑色

    12. wo-shin叫徐亨

      恩···相对的!(抠鼻)

    13. 我是真的贵子

      我记得我们老师也说过类似的话,还真的没有特别在意…可以深入学习一下!

    14. 张胜国

      。。。。。。。。。。

  • 习近平时间携手共建生态良好的地球美好家园 2019-06-14
  • (原创首发)法治不行,正义难成,法治有力,正义显功。 2019-06-14
  • 怀化近800亿元项目集中开工签约助“全域脱贫” 2019-06-12
  • 贵州日报报业集团总编辑万群祝贺人民日报创刊70周年 2019-05-31
  • “中国梦·申城美”微电影大赛 2019-05-31
  • 调查:六成老人感到幸福,西藏排第一,您家的呢?  2019-05-26
  • 《广播电视节目制作经营许可证》((广媒)字第179号) 2019-05-26
  • 红木家具日常养护之法 2019-05-16
  • 是一对什么关系?与你和四两是一样的关系?[微笑] 2019-05-13
  • 3GPP发布5G标准SA方案 标志首个国际5G标准正式出炉 2019-05-11
  • 因为中国人最朴素的观念就是安居乐业。家,是人立身之地,是所有努力可以得到支撑的基础,是所有固守能够成功反击的前提。这是游牧民族永远干不动搞不定这个民族的原因。它 2019-05-09
  • 山东男篮最被低估的小巨人 他天赋超胡金秋却被耽搁 2019-05-09
  • 看着就想笑这一贴证明,计划经济不是来自苏联,而是来自资本主义 2019-04-27
  • 罗品禧的专栏作者中国国家地理网 2019-04-27
  • 做习近平新闻思想的坚定实践者 2019-04-26