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

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

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

 來源:圖冀網(wǎng)


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


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


因為我覺得,大部分人恐怕都沒有意識到,

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

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

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


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

 

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

 

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

元氣少女新垣結(jié)衣(AragakiYui)

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


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


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

 

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

也就是說,白色其實是一種相對的顏色。如果周圍都是黑乎乎的東西,灰色的東西你也會認為是白色的。


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

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

但掛了這幅畫以后,很多人就會認為是灰墻了。

 

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


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

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

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


這話有點繞。

咱舉個例子。


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

這個包、這個書、這個被子,有沒有色差?有。

但是因為他們都在我的心理閾值之上,所以都是白色的。

這是同一個視場的情況。

 

如果是不同視場的情況,也就是我分兩次看到了不同的東西。如果這個東西符合我對白色的經(jīng)驗,我也會認為是白色。


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

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


在這兩幅照片里,書的色調(diào)和明度差別如此之大。但是,如果你要問我這書是什么顏色的,我還是會毫不猶豫的說它們都是白色的。因為他們符合我對“當時的照明條件下的白色”的預(yù)期。

 

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

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

 

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

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


為什么會這樣?

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

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

 

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

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

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

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

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


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

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


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

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

 

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

 

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

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

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

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

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

偏黃?顯舊!

發(fā)青?顯臟!

偏綠?中毒一樣什么鬼!

發(fā)灰?太山寨!

 

沒有對比,就沒有傷害。

來看一下好幾年前的白色手機。

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

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


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


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

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


我不是說誰好誰差的意思,請粉絲們不要打我~

因為白色產(chǎn)品質(zhì)感的進步,依賴的是近年來整個行業(yè)的進步,并不光是某一個品牌的努力。

 

之前,當你想做白色的東西的時候,廠家的表情往往是這樣的:

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

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

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

 

Why?

首先,你很難嚴格的、明確的向工廠表達你的需求。

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

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

 

于是最后往往跟工廠的對話會是這樣子的:

“我要個白色?!?/span>

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

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

“。。。能不能具體一點?”

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

“。。。”


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

 

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

比如這種:

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

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

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


盜版的目標很明確,就是要一個iphone一樣的白色唄。

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

 

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

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

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

 

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

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

 

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

因為白色是完全靠反射光線來呈色的,跟靠吸收的黑色之類原理不同。如果白色材料的厚度不夠,反射的強度往往就上不去。

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


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


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

當然這樣一來,工序多了,成本自然也就高了。

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

 

成本還只是一方面。

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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

當然自己搞著玩玩也挺好的,一種迷之美感。。。


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

但多層印刷還會帶來另一個外觀問題。

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

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

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

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

 

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

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


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

 

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

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

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


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

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

 

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

工人要穿連體防塵服啊~

帶帽子口罩手套啊~

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

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

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

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


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


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

對,你沒看錯,是幾十種!

換了幾十種配比,每種都打了好幾個樣品方便做實驗。。。當然,本身項目的要求也比較奇葩了。。。

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


——欸???!?。?/span>


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

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

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


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


這個可以有~我也喜歡白色~

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

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


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

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

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

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


祝你好運?。ㄔ獨獾膿]手~~

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

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔