白色的产品设计?你准备好掉坑里了吗少年?

2017-1-27    用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 来源:图冀网


本来是要接着写显示器白点的校准问题的,顺便写写工业产品的白色,不过越写想起的往事越多,最后成了这么长一篇。。。


为什么要专门写这么一篇呢?


因为我觉得,大部分人恐怕都没有意识到,

白色是一种非常坑爹的颜色!

白色是一种非常坑爹的颜色!!

白色是一种非常坑爹的颜色!!!


喜欢白色的产品设计师们,你们做好掉坑里的准备了吗?!

 

这也是我工作多年以后,吃了不少哑巴亏才突然觉悟的:白色跟其他颜色,根本不是一挂!

 

白色的产品设计?你准备好掉坑里了吗少年?

元气少女新垣结衣(AragakiYui)

白色的帽子,白色的牙齿,白色的雪。


但,这些白,在同样的光照和曝光条件下,其实都是不一样的!仔细分辨一下,雪的白色最正,明度最高。牙齿的白偏暖,帽子的白偏青。


如果是普通光照条件下、没有修过的照片,自拍照那种,各种白色的色差看起来会更接近真实情况、更明显(请自行搜索“白衣服+自拍”,都太魔性了,我不敢放。。。

 

总之,如果你平时注意观察,就会意识到,当我们看到一种东西的颜色的饱和度很低、而明度又很高的时候,就会认为它是白色。特别是当这样的颜色在其他颜色的映衬之下,你会毫不犹豫的认为它是白色。

也就是说,白色其实是一种相对的颜色。如果周围都是黑乎乎的东西,灰色的东西你也会认为是白色的。


白色的产品设计?你准备好掉坑里了吗少年?

如果没有中间这幅纯白的画,这面墙我们往往会习惯性的认为是白色的。

但挂了这幅画以后,很多人就会认为是灰墙了。

 

也就是说,我们此时此刻的视野里,最亮的消色物体,就会被认为是白色。它会作为一个参考白点而存在。剩下的所有颜色,都会通过和它的对比,来获得明度、以及饱和度的感知。


以上是教科书内容。

关于这一点,我还有一点个人意见。

就是,我们的大脑会记住在某种的照度下的白色的感觉,形成一个阈值。当处于类似这种照度的情况下,一旦看见某个消色高于这个阈值,就会认为是白色,反之就是灰色。


这话有点绕。

咱举个例子。


白色的产品设计?你准备好掉坑里了吗少年?

这个包、这个书、这个被子,有没有色差?有。

但是因为他们都在我的心理阈值之上,所以都是白色的。

这是同一个视场的情况。

 

如果是不同视场的情况,也就是我分两次看到了不同的东西。如果这个东西符合我对白色的经验,我也会认为是白色。


白色的产品设计?你准备好掉坑里了吗少年?

白色的产品设计?你准备好掉坑里了吗少年?


在这两幅照片里,书的色调和明度差别如此之大。但是,如果你要问我这书是什么颜色的,我还是会毫不犹豫的说它们都是白色的。因为他们符合我对“当时的照明条件下的白色”的预期。

 

这个阈值,还会因人而异。不但因人而异,经过有意识的训练,还会发生变化。

比如我自己,之前傻傻分不清银色车和白色车的区别,经常把银色的车误认为是白色的。只有当一辆银色车跟白色车停在一起的时候,我才恍然大悟:哦,那才是白色的车(嗯,过去的我对白色很宽容。。。

 

总之,白色是一种相对的、主观色彩浓厚的颜色。

所以,如果把你印象中同样都是白色的东西放到一起(比如白墙、A4纸),再有意识地比较一下,你就会很惊讶的发现,他们之间的色差之大,简直出乎你的意料!


为什么会这样?

我们人类经过千万年时间的进化,识别颜色的能力可是很强的!由于材料种类不同、物体表面粗糙度不同、颜料的反射光谱等等的不同,造成物体颜色哪怕有一点点的差异,都完全能觉察出来!

但如果你不有意识的进行分辨,大脑就会非常偷懒的告诉你:嗯,就是白色嘛(唉,这么爱通过归类来偷懒的大概是左脑吧。。。

 

如果用专业角度来讨论这个问题,可以打开色度图来看看。

白色的产品设计?你准备好掉坑里了吗少年?

——中间类似椭圆形的这一圈,都是白色。

这是不是很大一片啊?比红色的(仅仅指red,不包括pink、Purplish red之类)区域还大不少!

想想我们有多少种红色?所以你猜我们能识别多少种白色?


好了,大家对白色的色差问题,已经大概了解了。

接下来可能有同学要说了,哦,酱紫啊。那又怎么样?


那。又。怎。么。样。。。

哎,年轻人。。。naive啊。。。

 

-----------------热身结束,以下才是今天的正文------------

 

如果你是一个搞产品的设计师、工程师,做白色产品的时候一定要非常非常小心!

就是说设计的东西是要出实物的那种,比如衣服啊、商品的包装啊、电子产品啊之类。

千万不要以为出设计图、规格书的时候写明是白色就可以了!!

做出来东西,最好能提前打样,确认一下是不是你想要的白色。

不然很有可能你最后会想哭。。。

偏黄?显旧!

发青?显脏!

偏绿?中毒一样什么鬼!

发灰?太山寨!

 

没有对比,就没有伤害。

来看一下好几年前的白色手机。

白色的产品设计?你准备好掉坑里了吗少年?

图片来自网络。


然后,看一下现在的。


白色的产品设计?你准备好掉坑里了吗少年?

图片来自网络。图上是同一张照片里(同样的光线和曝光条件)的两台手机。由于材质工艺的些微不同,它们的白色仍然是有微妙的差异。拿着真机看会更加明显。


我不是说谁好谁差的意思,请粉丝们不要打我~

因为白色产品质感的进步,依赖的是近年来整个行业的进步,并不光是某一个品牌的努力。

 

之前,当你想做白色的东西的时候,厂家的表情往往是这样的:

白色的产品设计?你准备好掉坑里了吗少年?

白宫工作人员“喜迎”新总统川普的到来——一个大写的拒绝!

图片来自网络

 

Why?

首先,你很难严格的、明确的向工厂表达你的需求。

一般常见的颜色标准里,白色并不多,不太够用。虽然也有包含比较丰富白色的色卡(比如潘通专门出的补充色色卡),但比较偏门,而且又贵,一般人都用不上。所以你没法像别的颜色那样,说“我要一个PANTONE 475C的颜色”。

如果你能告诉工厂,我要一个“色坐标在x=0.30, y=0.35,误差控制在+/-0.02以内,平均反射率在80%以上”的白色,也行。然而这是不现实的对不对。。。

 

于是最后往往跟工厂的对话会是这样子的:

“我要个白色。”

“好,没问题。”

“等等!要特别特别白、特别特别干净那种啊!”

“。。。能不能具体一点?”

“像夏天吃的冰淇凌,冬天里的皑皑白雪,一看就特凉爽那种!”

“。。。”


所以最好手上备个样品给厂家参考一下。最好是同样材质的,做塑料件就拿个塑料件,做衣服就拿白色的布料。也可以在这个样品的基础上提要求:明度再高一点,色调再偏暖一点之类。

 

不过即使需求很明确,最后也不一定能做到。理想很丰满,现实很骨感。

比如这种:

白色的产品设计?你准备好掉坑里了吗少年?

注意看真假iphone的白色色差。假的iphone明度要低一点,发灰。

图片来自网络。


盗版的目标很明确,就是要一个iphone一样的白色呗。

那为什么做不到跟iphone一样呢?说白了,都是钱的事儿。。。

 

如果是塑料外壳这类东西,如果不上漆,呈色就依靠材料本身的特性。要做出你想要的颜色,就要对材料特性和工艺特性有深刻的认识。

什么PC啊、PE啊、PET啊,注塑啊,色母粒啊,我不懂啊啊啊啊~~~

所以,就得靠工厂的工艺经验。如果没有经验怎么办?那就要反复做实验。

 

如果是靠上漆的东西,就更复杂。不但各个品牌、各个色号的漆之间特性差异很大,工艺的选择、参数的控制同样重要。

一个工业产品,从设计稿出图,到实物打样定下最终的颜色,来回折腾个七八遍很正常。样品花钱是一方面,工期也会被拖长。时间也是钱啊!

 

另外,白色还有一个涂漆的层数问题。

因为白色是完全靠反射光线来呈色的,跟靠吸收的黑色之类原理不同。如果白色材料的厚度不够,反射的强度往往就上不去。

而如果反射率不够,哪怕最后白色的饱和度和色调都非常正,颜色也会看起来发“灰”,显得很山寨。


大家想想白衣服就懂了。如果面料很薄,白衣服就会“透”。如果不动用黑科技,解决这个问题的办法就是把面料加厚。


同样,白色的漆要想不发灰,就得保证厚度。但也不能一次涂太厚。太厚的漆,在干燥后容易厚度不一,导致颜色“花”掉。所以正确的做法是,保证单层的合理厚度,然后多涂几层。

当然这样一来,工序多了,成本自然也就高了。

(你家的采购拍着桌子瞪你:“搞那么多层干什么?!印一层加一次钱!印一层加一次钱!”。。。

 

成本还只是一方面。

涂层厚了之后,会导致白色的工件比黑色的会厚那么一丢丢。如果是对组装公差要求比较高的场合,这是一个需要考虑的点。

(结构工程师拍着桌子瞪你:“为什么黑色工件跟白色工件厚度不一样?!我出的图都是一样的!现在装不上,你让我怎么弄?!”


如果你还要做镂空、弄个光效什么的,就还要考虑考虑遮光的问题。

比如这种要做光效的白色键盘:

白色的产品设计?你准备好掉坑里了吗少年?

如果键帽的涂层薄了,容易漏光。就是会在不该有光的地方也出来光,非常尴尬。


并且!有时候!漏光还会干扰一些光学元件的工作(如果产品有的话)。比如摄像头、光线传感器之类的。

因此,这种白色的键帽往往还需要加一层灰色的底漆,才能同时解决遮光+透光的需求。

而一些特殊用途的产品,往往都做成黑色,决不会做成白色。比如,望远镜、校色仪、照度计之类的。就是要用黑色来吸收散射光,防止不需要的光线到处乱串。

(你家的电子工程师拍着桌子瞪你:为啥非要做白色的???白的外壳跟个光波导似的,信号底噪跟黑色的完全不一样!你让我怎么弄???


上图是白色产品光效的正确示范。

下图是玩家自己改装的键盘。

白色的产品设计?你准备好掉坑里了吗少年?

可以看出来,这个键帽本身并不支持灯效。

白色工件的注塑厚度太薄了,底漆肯定也是没有的(当然本身也没有这个设计意图),所以LED的光效完全是“野生”状态,特别是那个尴尬的空格键。。。

这样的键帽,即使把文字部分做了镂空,字儿的亮度可能都没有漏光的部分亮度高。。。

当然自己搞着玩玩也挺好的,一种迷之美感。。。


所以就像刚才说的那样,为了让白色不发灰+解决漏光问题,往往需要多层印刷。

但多层印刷还会带来另一个外观问题。

一般的印刷工艺,比如丝印,公差是比较大的。多次印涂后,镂空处的边界会不整齐,导致字或者图案变模糊:

白色的产品设计?你准备好掉坑里了吗少年?

这个毛茸茸的质感可真叫强迫症抓狂。。。

要想解决这个问题、得到一个非常整齐的边缘,就得用激光把不整齐的地方打掉。。。

 

好了,这下连激光雕刻都上了,你说厂家心塞不心塞?

(激光雕刻机现在也不算贵。但问题是加工起来太慢,产能太低,大批量的工业化生产是个问题。)


所以有的厂家会直接告诉你:不,我们不做白色。

 

等你好不容易把厂家说服了,开工了,样品折腾好了,配方也定下来了,终于可以开始量产了,是不是感觉身体已经快被掏空了?

别忙躺下,新的事儿又来了!

——和别的颜色相比,白色的质量管控压力也很大!


为什么呢?别的颜色,比如黑色,有点脏污根本看不出来好不啦!

白色呢?有一点点杂质脏污,都会很显眼!

 

一般喷漆的车间都是按洁净室管理,

工人要穿连体防尘服啊~

带帽子口罩手套啊~

要有抽风机不停的除尘啊~

车间打扫得比酒店还干净啊~

即便这样,白色产线上依然是一不小心就出废品。就是冬天穿白色羽绒服那种感觉,你们感受一下。。。

这样一来,白色产品的良品率怎么好得了?于是成本又上去了。。。


(PS:所以如果你本身对颜色没有什么要求,你就可以直接买白色的,成本肯定比黑色的高(这是什么思想啊喂。。。


很久很久以前,作者参与的第一个项目,一上来就领教了白色的厉害。一个白色的小零件,来来回回让厂家做了几十种样品。。。

对,你没看错,是几十种!

换了几十种配比,每种都打了好几个样品方便做实验。。。当然,本身项目的要求也比较奇葩了。。。

折腾了快一年,终于搞得差不多了的时候,大老板说:好了,大家辛苦了,项目算了一下可能不挣钱所以我们停了不做了 ^-^


——欸???!!!


后来每次跟这厂家的哥们碰面的时候,都。。。总感觉哪里不对的样子。。。我是不是该请他吃顿饭。。。

白色的产品设计?你准备好掉坑里了吗少年?

综上!对产品设计而言,白色可是个大坑!所以你还坚持要做白色的东东么?


“ 我不管!白色的好看!干净!通透!我就喜欢白色!”


这个可以有~我也喜欢白色~

而且,这两年因为苹果、MUJI等等带来的白色风潮,已经大大推动了白色的工艺发展。厂家都比较有(斗争)经验了,做白色的东西已经比头两年轻松很多。

比如,有的注塑件供应商都能拿出一排一排的白色样品卡了,不同配方不同厚度,随你挑~(这就是之前别人的项目攒的,没有原来的项目给钱做实验,老板是不会花自己的钱这么糟践原料来打样的,摊手。。。


但你依然要小心,如果你的项目需求超出了工厂目前的经验,就可能一不小心掉坑里了。。。

所以,你要打起精神,做好战斗到底的心理准备~

然后,你最好有一个有品味(强迫症)的领导,支持你跟工厂展开拉锯战。。。

最后,你最好还有一个有眼光(有钱任性)的老板,给你的瞎折腾买单。。。


祝你好运!(元气的挥手~~

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档