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

news/2024/7/19 19:44:46 标签: facebook, twitter, 照片, 日历, path, 工作

我在创作中学到的最重要的一件事情之一,是避免使用黑色。
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的主题蓝。

facebook" src="http://www.leiphone.com/wp-content/uploads/2012/08/facebook4.jpg" alt="" width="849" height="527" style="margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; font-size:16px; font:inherit; vertical-align:baseline; display:block; max-width:100%; height:auto" />

要走的路还很长

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

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

via ianstormtaylor

(槐序 供雷锋网专稿,转载请注明来自雷锋网及作者,并链回本页)

http://www.niftyadmin.cn/n/1607603.html

相关文章

得逻辑(PSION TEKLOGIX)

得逻辑(PSION TEKLOGIX)无线网络产品在中国已经有了广泛的应用,在配送中心、码头、堆场、仓库及制造业中,各种无线数据传输设备协同工作,以秒级的响应速度传送大量数据,提高了用户的生产力和工作效率。且TE…

SAP HCP WebIDE和OSChina git的集成

HCP WebIDE中,鼠标右键菜单选择Git -> Clone Repository https://git.oschina.net/myusername/myproject.git HCP WebIDE中,选择 我的项目, 鼠标右键菜单 Git -> initialize Local Repository 项目中多了几个文件 窗口右上角弹出消息…

如何进行立体仓库项目招标

如何进行立体仓库项目招标 作者:王银学 来源:联想神州数码科技有限公司 点击率:323 现在越来越多的生产型企业、流通型企业正准备建造立体仓库,有的企业还将立体仓库作为企业的投资方向之一。一般情况下,国内一座立体仓库的造价在数百万到数千万元不等&…

Chrome sapui5开发调试工具

ui5框架内置工具:ctl shift alt s 打开ui5 explorer窗口 chrome插件: UI5 Inspector

18个搞死创业公司的致命伤

【编者按】Paul Graham是硅谷创业公司孵化器Y Combinator的联合创始人,被美国互联网界视为如日中天的教父级人物。今天翻译的这篇文章也许6年前有不少人看过,但是对于那些已经投身于创业的人来说,还是值得再次阅读的。 在最近的一场演讲中&am…

国外物流相关网站

国外物流相关网站美国运输部DOT (http://www.dot.gov/) 美国运输研究局TRB (http://www.nas.edu/trb/) 美国智能运输协会ITS America (http://www.itsa.org/home.nsf) 美国各州公路和运输工作者协会AASHTO (http://www.aashto.org/) 美国联邦…

SAPUI5 ToolPage效果

参考: https://sapui5.hana.ondemand.com/explored.html#/sample/sap.tnt.sample.ToolPage/preview

从OPPO Finder看手机产品的差异化体现

OPPO Finder自发布以来,就成为一款饱受争议的产品,这款产品是“Find”系列里比较具有代表性的一款,也可以说在前几款产品的基础上做出了另类的特色。从人性化角度上来看,Finder照顾到了不少微小的细节,做到了品牌自身的…