白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

2017-1-27    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 來源:圖冀網(wǎng)


本來是要接著寫顯示器白點(diǎn)的校準(zhǔn)問題的,順便寫寫工業(yè)產(chǎn)品的白色,不過越寫想起的往事越多,最后成了這么長(zhǎng)一篇。。。


為什么要專門寫這么一篇呢?


因?yàn)槲矣X得,大部分人恐怕都沒有意識(shí)到,

白色是一種非??拥念伾?/span>

白色是一種非??拥念伾?!

白色是一種非??拥念伾。?!


喜歡白色的產(chǎn)品設(shè)計(jì)師們,你們做好掉坑里的準(zhǔn)備了嗎?!

 

這也是我工作多年以后,吃了不少啞巴虧才突然覺悟的:白色跟其他顏色,根本不是一掛!

 

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

元?dú)馍倥略Y(jié)衣(AragakiYui)

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


但,這些白,在同樣的光照和曝光條件下,其實(shí)都是不一樣的!仔細(xì)分辨一下,雪的白色最正,明度最高。牙齒的白偏暖,帽子的白偏青。


如果是普通光照條件下、沒有修過的照片,自拍照那種,各種白色的色差看起來會(huì)更接近真實(shí)情況、更明顯(請(qǐng)自行搜索“白衣服+自拍”,都太魔性了,我不敢放。。。

 

總之,如果你平時(shí)注意觀察,就會(huì)意識(shí)到,當(dāng)我們看到一種東西的顏色的飽和度很低、而明度又很高的時(shí)候,就會(huì)認(rèn)為它是白色。特別是當(dāng)這樣的顏色在其他顏色的映襯之下,你會(huì)毫不猶豫的認(rèn)為它是白色。

也就是說,白色其實(shí)是一種相對(duì)的顏色。如果周圍都是黑乎乎的東西,灰色的東西你也會(huì)認(rèn)為是白色的。


白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

如果沒有中間這幅純白的畫,這面墻我們往往會(huì)習(xí)慣性的認(rèn)為是白色的。

但掛了這幅畫以后,很多人就會(huì)認(rèn)為是灰墻了。

 

也就是說,我們此時(shí)此刻的視野里,最亮的消色物體,就會(huì)被認(rèn)為是白色。它會(huì)作為一個(gè)參考白點(diǎn)而存在。剩下的所有顏色,都會(huì)通過和它的對(duì)比,來獲得明度、以及飽和度的感知。


以上是教科書內(nèi)容。

關(guān)于這一點(diǎn),我還有一點(diǎn)個(gè)人意見。

就是,我們的大腦會(huì)記住在某種的照度下的白色的感覺,形成一個(gè)閾值。當(dāng)處于類似這種照度的情況下,一旦看見某個(gè)消色高于這個(gè)閾值,就會(huì)認(rèn)為是白色,反之就是灰色。


這話有點(diǎn)繞。

咱舉個(gè)例子。


白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

這個(gè)包、這個(gè)書、這個(gè)被子,有沒有色差?有。

但是因?yàn)樗麄兌荚谖业男睦黹撝抵?,所以都是白色的?/span>

這是同一個(gè)視場(chǎng)的情況。

 

如果是不同視場(chǎng)的情況,也就是我分兩次看到了不同的東西。如果這個(gè)東西符合我對(duì)白色的經(jīng)驗(yàn),我也會(huì)認(rèn)為是白色。


白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?


在這兩幅照片里,書的色調(diào)和明度差別如此之大。但是,如果你要問我這書是什么顏色的,我還是會(huì)毫不猶豫的說它們都是白色的。因?yàn)樗麄兎衔覍?duì)“當(dāng)時(shí)的照明條件下的白色”的預(yù)期。

 

這個(gè)閾值,還會(huì)因人而異。不但因人而異,經(jīng)過有意識(shí)的訓(xùn)練,還會(huì)發(fā)生變化。

比如我自己,之前傻傻分不清銀色車和白色車的區(qū)別,經(jīng)常把銀色的車誤認(rèn)為是白色的。只有當(dāng)一輛銀色車跟白色車停在一起的時(shí)候,我才恍然大悟:哦,那才是白色的車(嗯,過去的我對(duì)白色很寬容。。。

 

總之,白色是一種相對(duì)的、主觀色彩濃厚的顏色。

所以,如果把你印象中同樣都是白色的東西放到一起(比如白墻、A4紙),再有意識(shí)地比較一下,你就會(huì)很驚訝的發(fā)現(xiàn),他們之間的色差之大,簡(jiǎn)直出乎你的意料!


為什么會(huì)這樣?

我們?nèi)祟惤?jīng)過千萬年時(shí)間的進(jìn)化,識(shí)別顏色的能力可是很強(qiáng)的!由于材料種類不同、物體表面粗糙度不同、顏料的反射光譜等等的不同,造成物體顏色哪怕有一點(diǎn)點(diǎn)的差異,都完全能覺察出來!

但如果你不有意識(shí)的進(jìn)行分辨,大腦就會(huì)非常偷懶的告訴你:嗯,就是白色嘛(唉,這么愛通過歸類來偷懶的大概是左腦吧。。。

 

如果用專業(yè)角度來討論這個(gè)問題,可以打開色度圖來看看。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

——中間類似橢圓形的這一圈,都是白色。

這是不是很大一片?。勘燃t色的(僅僅指red,不包括pink、Purplish red之類)區(qū)域還大不少!

想想我們有多少種紅色?所以你猜我們能識(shí)別多少種白色?


好了,大家對(duì)白色的色差問題,已經(jīng)大概了解了。

接下來可能有同學(xué)要說了,哦,醬紫啊。那又怎么樣?


那。又。怎。么。樣。。。

哎,年輕人。。。naive啊。。。

 

-----------------熱身結(jié)束,以下才是今天的正文------------

 

如果你是一個(gè)搞產(chǎn)品的設(shè)計(jì)師、工程師,做白色產(chǎn)品的時(shí)候一定要非常非常小心!

就是說設(shè)計(jì)的東西是要出實(shí)物的那種,比如衣服啊、商品的包裝啊、電子產(chǎn)品啊之類。

千萬不要以為出設(shè)計(jì)圖、規(guī)格書的時(shí)候?qū)懨魇前咨涂梢粤耍。?/span>

做出來東西,最好能提前打樣,確認(rèn)一下是不是你想要的白色。

不然很有可能你最后會(huì)想哭。。。

偏黃?顯舊!

發(fā)青?顯臟!

偏綠?中毒一樣什么鬼!

發(fā)灰?太山寨!

 

沒有對(duì)比,就沒有傷害。

來看一下好幾年前的白色手機(jī)。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

圖片來自網(wǎng)絡(luò)。


然后,看一下現(xiàn)在的。


白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

圖片來自網(wǎng)絡(luò)。圖上是同一張照片里(同樣的光線和曝光條件)的兩臺(tái)手機(jī)。由于材質(zhì)工藝的些微不同,它們的白色仍然是有微妙的差異。拿著真機(jī)看會(huì)更加明顯。


我不是說誰好誰差的意思,請(qǐng)粉絲們不要打我~

因?yàn)榘咨a(chǎn)品質(zhì)感的進(jìn)步,依賴的是近年來整個(gè)行業(yè)的進(jìn)步,并不光是某一個(gè)品牌的努力。

 

之前,當(dāng)你想做白色的東西的時(shí)候,廠家的表情往往是這樣的:

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

白宮工作人員“喜迎”新總統(tǒng)川普的到來——一個(gè)大寫的拒絕!

圖片來自網(wǎng)絡(luò)

 

Why?

首先,你很難嚴(yán)格的、明確的向工廠表達(dá)你的需求。

一般常見的顏色標(biāo)準(zhǔn)里,白色并不多,不太夠用。雖然也有包含比較豐富白色的色卡(比如潘通專門出的補(bǔ)充色色卡),但比較偏門,而且又貴,一般人都用不上。所以你沒法像別的顏色那樣,說“我要一個(gè)PANTONE 475C的顏色”。

如果你能告訴工廠,我要一個(gè)“色坐標(biāo)在x=0.30, y=0.35,誤差控制在+/-0.02以內(nèi),平均反射率在80%以上”的白色,也行。然而這是不現(xiàn)實(shí)的對(duì)不對(duì)。。。

 

于是最后往往跟工廠的對(duì)話會(huì)是這樣子的:

“我要個(gè)白色。”

“好,沒問題?!?/span>

“等等!要特別特別白、特別特別干凈那種啊!”

“。。。能不能具體一點(diǎn)?”

“像夏天吃的冰淇凌,冬天里的皚皚白雪,一看就特涼爽那種!”

“。。。”


所以最好手上備個(gè)樣品給廠家參考一下。最好是同樣材質(zhì)的,做塑料件就拿個(gè)塑料件,做衣服就拿白色的布料。也可以在這個(gè)樣品的基礎(chǔ)上提要求:明度再高一點(diǎn),色調(diào)再偏暖一點(diǎn)之類。

 

不過即使需求很明確,最后也不一定能做到。理想很豐滿,現(xiàn)實(shí)很骨感。

比如這種:

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

注意看真假iphone的白色色差。假的iphone明度要低一點(diǎn),發(fā)灰。

圖片來自網(wǎng)絡(luò)。


盜版的目標(biāo)很明確,就是要一個(gè)iphone一樣的白色唄。

那為什么做不到跟iphone一樣呢?說白了,都是錢的事兒。。。

 

如果是塑料外殼這類東西,如果不上漆,呈色就依靠材料本身的特性。要做出你想要的顏色,就要對(duì)材料特性和工藝特性有深刻的認(rèn)識(shí)。

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

所以,就得靠工廠的工藝經(jīng)驗(yàn)。如果沒有經(jīng)驗(yàn)怎么辦?那就要反復(fù)做實(shí)驗(yàn)。

 

如果是靠上漆的東西,就更復(fù)雜。不但各個(gè)品牌、各個(gè)色號(hào)的漆之間特性差異很大,工藝的選擇、參數(shù)的控制同樣重要。

一個(gè)工業(yè)產(chǎn)品,從設(shè)計(jì)稿出圖,到實(shí)物打樣定下最終的顏色,來回折騰個(gè)七八遍很正常。樣品花錢是一方面,工期也會(huì)被拖長(zhǎng)。時(shí)間也是錢啊!

 

另外,白色還有一個(gè)涂漆的層數(shù)問題。

因?yàn)榘咨峭耆糠瓷涔饩€來呈色的,跟靠吸收的黑色之類原理不同。如果白色材料的厚度不夠,反射的強(qiáng)度往往就上不去。

而如果反射率不夠,哪怕最后白色的飽和度和色調(diào)都非常正,顏色也會(huì)看起來發(fā)“灰”,顯得很山寨。


大家想想白衣服就懂了。如果面料很薄,白衣服就會(huì)“透”。如果不動(dòng)用黑科技,解決這個(gè)問題的辦法就是把面料加厚。


同樣,白色的漆要想不發(fā)灰,就得保證厚度。但也不能一次涂太厚。太厚的漆,在干燥后容易厚度不一,導(dǎo)致顏色“花”掉。所以正確的做法是,保證單層的合理厚度,然后多涂幾層。

當(dāng)然這樣一來,工序多了,成本自然也就高了。

(你家的采購拍著桌子瞪你:“搞那么多層干什么?!印一層加一次錢!印一層加一次錢!”。。。

 

成本還只是一方面。

涂層厚了之后,會(huì)導(dǎo)致白色的工件比黑色的會(huì)厚那么一丟丟。如果是對(duì)組裝公差要求比較高的場(chǎng)合,這是一個(gè)需要考慮的點(diǎn)。

(結(jié)構(gòu)工程師拍著桌子瞪你:“為什么黑色工件跟白色工件厚度不一樣?!我出的圖都是一樣的!現(xiàn)在裝不上,你讓我怎么弄?!”


如果你還要做鏤空、弄個(gè)光效什么的,就還要考慮考慮遮光的問題。

比如這種要做光效的白色鍵盤:

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

如果鍵帽的涂層薄了,容易漏光。就是會(huì)在不該有光的地方也出來光,非常尷尬。


并且!有時(shí)候!漏光還會(huì)干擾一些光學(xué)元件的工作(如果產(chǎn)品有的話)。比如攝像頭、光線傳感器之類的。

因此,這種白色的鍵帽往往還需要加一層灰色的底漆,才能同時(shí)解決遮光+透光的需求。

而一些特殊用途的產(chǎn)品,往往都做成黑色,決不會(huì)做成白色。比如,望遠(yuǎn)鏡、校色儀、照度計(jì)之類的。就是要用黑色來吸收散射光,防止不需要的光線到處亂串。

(你家的電子工程師拍著桌子瞪你:為啥非要做白色的???白的外殼跟個(gè)光波導(dǎo)似的,信號(hào)底噪跟黑色的完全不一樣!你讓我怎么弄???


上圖是白色產(chǎn)品光效的正確示范。

下圖是玩家自己改裝的鍵盤。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

可以看出來,這個(gè)鍵帽本身并不支持燈效。

白色工件的注塑厚度太薄了,底漆肯定也是沒有的(當(dāng)然本身也沒有這個(gè)設(shè)計(jì)意圖),所以LED的光效完全是“野生”狀態(tài),特別是那個(gè)尷尬的空格鍵。。。

這樣的鍵帽,即使把文字部分做了鏤空,字兒的亮度可能都沒有漏光的部分亮度高。。。

當(dāng)然自己搞著玩玩也挺好的,一種迷之美感。。。


所以就像剛才說的那樣,為了讓白色不發(fā)灰+解決漏光問題,往往需要多層印刷。

但多層印刷還會(huì)帶來另一個(gè)外觀問題。

一般的印刷工藝,比如絲印,公差是比較大的。多次印涂后,鏤空處的邊界會(huì)不整齊,導(dǎo)致字或者圖案變模糊:

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

這個(gè)毛茸茸的質(zhì)感可真叫強(qiáng)迫癥抓狂。。。

要想解決這個(gè)問題、得到一個(gè)非常整齊的邊緣,就得用激光把不整齊的地方打掉。。。

 

好了,這下連激光雕刻都上了,你說廠家心塞不心塞?

(激光雕刻機(jī)現(xiàn)在也不算貴。但問題是加工起來太慢,產(chǎn)能太低,大批量的工業(yè)化生產(chǎn)是個(gè)問題。)


所以有的廠家會(huì)直接告訴你:不,我們不做白色。

 

等你好不容易把廠家說服了,開工了,樣品折騰好了,配方也定下來了,終于可以開始量產(chǎn)了,是不是感覺身體已經(jīng)快被掏空了?

別忙躺下,新的事兒又來了!

——和別的顏色相比,白色的質(zhì)量管控壓力也很大!


為什么呢?別的顏色,比如黑色,有點(diǎn)臟污根本看不出來好不啦!

白色呢?有一點(diǎn)點(diǎn)雜質(zhì)臟污,都會(huì)很顯眼!

 

一般噴漆的車間都是按潔凈室管理,

工人要穿連體防塵服啊~

帶帽子口罩手套啊~

要有抽風(fēng)機(jī)不停的除塵啊~

車間打掃得比酒店還干凈啊~

即便這樣,白色產(chǎn)線上依然是一不小心就出廢品。就是冬天穿白色羽絨服那種感覺,你們感受一下。。。

這樣一來,白色產(chǎn)品的良品率怎么好得了?于是成本又上去了。。。


(PS:所以如果你本身對(duì)顏色沒有什么要求,你就可以直接買白色的,成本肯定比黑色的高(這是什么思想啊喂。。。


很久很久以前,作者參與的第一個(gè)項(xiàng)目,一上來就領(lǐng)教了白色的厲害。一個(gè)白色的小零件,來來回回讓廠家做了幾十種樣品。。。

對(duì),你沒看錯(cuò),是幾十種!

換了幾十種配比,每種都打了好幾個(gè)樣品方便做實(shí)驗(yàn)。。。當(dāng)然,本身項(xiàng)目的要求也比較奇葩了。。。

折騰了快一年,終于搞得差不多了的時(shí)候,大老板說:好了,大家辛苦了,項(xiàng)目算了一下可能不掙錢所以我們停了不做了 ^-^


——?dú)G????。?!


后來每次跟這廠家的哥們碰面的時(shí)候,都。。??偢杏X哪里不對(duì)的樣子。。。我是不是該請(qǐng)他吃頓飯。。。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

綜上!對(duì)產(chǎn)品設(shè)計(jì)而言,白色可是個(gè)大坑!所以你還堅(jiān)持要做白色的東東么?


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


這個(gè)可以有~我也喜歡白色~

而且,這兩年因?yàn)樘O果、MUJI等等帶來的白色風(fēng)潮,已經(jīng)大大推動(dòng)了白色的工藝發(fā)展。廠家都比較有(斗爭(zhēng))經(jīng)驗(yàn)了,做白色的東西已經(jīng)比頭兩年輕松很多。

比如,有的注塑件供應(yīng)商都能拿出一排一排的白色樣品卡了,不同配方不同厚度,隨你挑~(這就是之前別人的項(xiàng)目攢的,沒有原來的項(xiàng)目給錢做實(shí)驗(yàn),老板是不會(huì)花自己的錢這么糟踐原料來打樣的,攤手。。。


但你依然要小心,如果你的項(xiàng)目需求超出了工廠目前的經(jīng)驗(yàn),就可能一不小心掉坑里了。。。

所以,你要打起精神,做好戰(zhàn)斗到底的心理準(zhǔn)備~

然后,你最好有一個(gè)有品味(強(qiáng)迫癥)的領(lǐng)導(dǎo),支持你跟工廠展開拉鋸戰(zhàn)。。。

最后,你最好還有一個(gè)有眼光(有錢任性)的老板,給你的瞎折騰買單。。。


祝你好運(yùn)?。ㄔ?dú)獾膿]手~~

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔