设计师分享小贴士:避免使用黑色

标签: 业界 设计 | 发表时间:2012-08-14 23:02 | 作者:槐序
出处:http://www.leiphone.com


我在创作中学到的最重要的一件事情之一,是避免使用黑色。

Z太太是我儿时的美术老师,在我上中学时就已经提醒过我,随后我在罗德岛设计学院又听到很多次类似的建议,可能一开始是有点奇怪的,不过这是个好建议。

问题在于,我们常常看到一些深色的物体并假设它是黑色的。而实际上在现实中我们很难找到一些纯黑色的物体,道路不是黑的,你办公室的椅子也不是黑的,在电线杆上的麻雀也不是不是黑的,网页甚至上的字体也不是黑的。

影子并不是黑的

在高中的时候,我花了很多业余时间和其他的一些艺术爱好者呆在工作室里。在模拟现实中的“光晕”。Z太太不断给我们展示不同的艺术家的作品。有一本Wayne Thiebaud作品的书她经常反复给我们看,Z太太会兴奋的指出裂片明亮的原色和它阴影之间的特点,并提醒我们注意画中的影子都是蓝色的。

那本书我可能看过不下十遍了,Thiebaud(他是三藩市当地有名的画家)的作品是一个很好的例子说明影子不是黑色的。

他画的那些阴影是画中最饱满的部分,纸上看起来很漂亮,现实中依然。

你也许会想,这些都是绘画啊,又不是真实的。好吧,下面将给大家展示。

我一直在思考一件事,在美术课上,Z太太带着一个蓝色的灯泡来证明这一点。她把一个灯泡装好了,把它固定在一个高脚凳上,然后从她那间放满了纯白色物品的画室里拿出一个纯白色的球,将这个球放在一个纯白色的基座上。

他先开白灯,影子看起来是黑色的。然后再开蓝灯,发现影子是橙色的,理论上来说,往黑色添加任何色彩(白色除外)依然是黑色。以蓝光使得影子变成了橙色,说明影子不是黑色的

我被惊呆了,现在当我走在三藩市的街道上,都会很留意周边那些饱和的影子,这里是一张我拍的街景(是啦,用了滤镜……),第一时间想起了Thibaud的那张画,街角都是栗子色。

画中你能想象到最黑的部分不是#000000,而是#130f30(19%的亮度和69%的饱和度)。

然而黑色还是覆盖了一切。

当你把纯黑色放在一组精心挑选的颜色中,黑色便会覆盖其他的所有颜色。因为它让人感觉到不自然,日常的黑色物体上光线常常被反射回来,这意味着它不是黑色,而是深灰色的,光也是有色彩的,即便不是是深灰色也应该是其他较暗的颜色。

大量的应用程序上日常使用的黑色实际也是灰色的,Twitter的侧栏,上方的文本输入框、新照片的背景还有日历插件。甚至在Twitter的引导部分,都试用灰色,这样才不会抢了其他地方的色调。

这里就有一个实际运用的活例:Dribbble有一个非常赞的特性,用户可以根据颜色选择鞋子,如果有纯黑( #000000)或真色彩黑( #292724),没几个用户会选择前者,这个亮度或者观念没什么关系,是人的一种本能。

饱和度也是很重要的

你可以别总选择纯黑#000000,当你在使用灰色的时候,加一点别的颜色进去让它显得更缓和写,能加多少种颜色取决于颜色的明暗比例多少,Path上照片的黑色饱和度达到了63%,而浅灰色却只需要3%。

我曾经把他作为常规指南去给Segmant.io的调色板配色,我把少量的黄橙色混进灰色里面,饱和度从2%的浅灰逐渐增加到22%的深灰,Photoshop的调色板上颜色形成了一个弧。

别嫌我嘴烦,让我们再看看Facebook的交互界面,为什么移动版的Facebook看起来这么漂亮,因为上面所有的灰色调都充分融进了Facebook的主题蓝。

要走的路还很长

Z小姐第一次警告我黑色背景是在中学,其他人后来也陆续的警告过我,但我还是花了很长时间去改正,还自己整了套理论来为自己辩解,即便到现在,我在使用灰色的时候还常常会犯错误。

根本原因在于,当你在调色盘里用#000000,要问清楚自己是否需要用纯黑色,你最好搭配些更自然的颜色,如果你觉得太冒险了,试着避开调色盘左边的的颜色吧。

via  ianstormtaylor

您可能也喜欢:

雷锋读图:网页设计师 VS. 网页开发者

不再神秘:苹果背后的10位精英设计师

iPhone指环贴:你手机的防盗专家

人人都“懂”交互设计-未必人人都是交互设计师

苹果首席设计师:比起赚钱,打造优质产品更重要
无觅

相关 [设计师 分享 贴士] 推荐:

设计师分享小贴士:避免使用黑色

- - 雷锋网
我在创作中学到的最重要的一件事情之一,是避免使用黑色. Z太太是我儿时的美术老师,在我上中学时就已经提醒过我,随后我在罗德岛设计学院又听到很多次类似的建议,可能一开始是有点奇怪的,不过这是个好建议. 问题在于,我们常常看到一些深色的物体并假设它是黑色的. 而实际上在现实中我们很难找到一些纯黑色的物体,道路不是黑的,你办公室的椅子也不是黑的,在电线杆上的麻雀也不是不是黑的,网页甚至上的字体也不是黑的.

经验分享:以设计师为对象的深度访谈

- - 优设(UISDC)
一、“谁能给我更多solution. 我们一直说,产品设计不难在寻找解决方法,而在于定义问题. 这是一个充满聪明人的行业,从来不缺好的创意. 所以当我们发现,有一些用户的诉求很明确,但确实找不到好的解决方式问题的时候. ……想想电视遥控器,想想验证码,想想浏览器的多标签和收藏夹……很多时候不是问题不明白,不是不知道问题的严重性,但就是难以找到在各方取得平衡后合适的解决方式(是的,是权衡各方).

搜狐设计师半年工作总结分享

- - 优设(UISDC)
光阴似箭,日月如梭,不知不觉来畅游已经半年多了,这段时间的工作首先非常感谢大师对我的指导,师傅对我的提点还有设计组同学们对我的帮助,我也深切的感受着累并快乐着. 今年三月,在完成一系列入职程序后,我来到网站部办公区. 刚来这里的一个星期,我看过了设计组所有同学的作品,他们的页面无论在背景氛围渲染,色彩运用,标题设计,细节处理上都很优秀,这让我感觉到很大很大的压力,但这也激起了我对游戏页面设计更大的兴趣.

从业 6 年走了不少弯路,我分享下如何自学成为一名合格的设计师

- -
做设计师 6 年,从集团企业到初创企业,从网页设计师到资深视觉设计师再到设计总监,再到今天的独立设计师,经历了不同组织架构公司中的不同设计职位,整个过程中可以说一直都在自学. 这个过程当中也走过一些弯路,希望能够通过我的一些经验和思考,给题主或是对设计感兴趣、想要从事设计工作的人一些帮助. 首先,我认为有必要先提几点常见的对设计的误解,在对设计有一个较为正确的认识之后,才谈上的如何学习设计.

Netflix纪录片部门又放大招:八位世界上最杰出的设计师分享他们的秘密

- - VOICER|分享生活和设计的美学
很多人对设计行业有误解,比如认为logo设计就是一个简单的图形或是几个字母拼一拼,设计草图总带着些随性而为的意味;很多人也对设计师有偏见,觉得这是一个起床很晚,喝着咖啡,只要等待着天赋的灵感爆发或是在deadline之前熬个夜,就可以获得丰厚收入的轻松职业. Netflix纪录片部门最近又放了个大招,由《Wired》杂志前主编Scott Dadich担任制片,与奥斯卡最佳纪录片导演Morgan Neville联手合作,打造了新一季Netflix原创影片:.

书单:想做设计师?

- bluesnail - 西乔的九卦
经常有朋友写邮件或发推问我,想从事设计,希望推荐几本书. 老回邮件也麻烦,我干脆在豆瓣上做了一个书单. 我读过的,认为值得入门者和高阶者一读的书. 主要关注方向是UI、视觉传达、WEB设计,以及历史、理论、常见工具入门教程. 用了半个上午写的,比较仓促,不够全面,也有个人偏好在里面. 如果你仅仅是对设计感兴趣,没有那么多时间读大部头,那么精简版是:1,2,3,5,9,11,12,17,24.

设计师在谷歌

- keso - 译言-电脑/网络/数码科技
来源Why I design at Google. 译者eminent.susan. I’m still early in my career, and while it’s nice to find some success, I’m mostly focused on learning and growing my skills.

当设计师遭遇HTML5

- plidezus - 网易用户体验设计中心博客
HTML5,被传为Flash 的杀手,是一种用于web 应用程序开发、具有变革意义的网络技术. HTML 5提供了一些新的元素和属性,其中有些是技术上类似
标签,但有一定含义,例如

设计师谈敏捷

- xg - 所有文章 - UCD大社区
腾讯一直推广敏捷开发,也在强调敏捷开发,但你会发现,即便如此,还是会陷入以下情景. 我们如何构建一个更轻巧的开发流程,让我们更快更好的交付结果. 作为一个设计师,如何成为敏捷的一分子. 以下是一些心得方法,希望和大家分享. 作为设计师,最简单能让大家明白你的想法就是先把它画出来,不要用晦涩的语言和结构图,毕竟不是所有人都能把你的语言转化为图像.