2017-1-27 用心設計
來源:圖冀網
本來是要接著寫顯示器白點的校準問題的,順便寫寫工業產品的白色,不過越寫想起的往事越多,最后成了這么長一篇。。。
為什么要專門寫這么一篇呢?
因為我覺得,大部分人恐怕都沒有意識到,
白色是一種非??拥念伾?/span>
白色是一種非常坑爹的顏色??!
白色是一種非常坑爹的顏色!!!
喜歡白色的產品設計師們,你們做好掉坑里的準備了嗎?!
這也是我工作多年以后,吃了不少啞巴虧才突然覺悟的:白色跟其他顏色,根本不是一掛!
元氣少女新垣結衣(AragakiYui)
白色的帽子,白色的牙齒,白色的雪。
但,這些白,在同樣的光照和曝光條件下,其實都是不一樣的!仔細分辨一下,雪的白色最正,明度最高。牙齒的白偏暖,帽子的白偏青。
如果是普通光照條件下、沒有修過的照片,自拍照那種,各種白色的色差看起來會更接近真實情況、更明顯(請自行搜索“白衣服+自拍”,都太魔性了,我不敢放。。。
總之,如果你平時注意觀察,就會意識到,當我們看到一種東西的顏色的飽和度很低、而明度又很高的時候,就會認為它是白色。特別是當這樣的顏色在其他顏色的映襯之下,你會毫不猶豫的認為它是白色。
也就是說,白色其實是一種相對的顏色。如果周圍都是黑乎乎的東西,灰色的東西你也會認為是白色的。
如果沒有中間這幅純白的畫,這面墻我們往往會習慣性的認為是白色的。
但掛了這幅畫以后,很多人就會認為是灰墻了。
也就是說,我們此時此刻的視野里,最亮的消色物體,就會被認為是白色。它會作為一個參考白點而存在。剩下的所有顏色,都會通過和它的對比,來獲得明度、以及飽和度的感知。
以上是教科書內容。
關于這一點,我還有一點個人意見。
就是,我們的大腦會記住在某種的照度下的白色的感覺,形成一個閾值。當處于類似這種照度的情況下,一旦看見某個消色高于這個閾值,就會認為是白色,反之就是灰色。
這話有點繞。
咱舉個例子。
這個包、這個書、這個被子,有沒有色差?有。
但是因為他們都在我的心理閾值之上,所以都是白色的。
這是同一個視場的情況。
如果是不同視場的情況,也就是我分兩次看到了不同的東西。如果這個東西符合我對白色的經驗,我也會認為是白色。
在這兩幅照片里,書的色調和明度差別如此之大。但是,如果你要問我這書是什么顏色的,我還是會毫不猶豫的說它們都是白色的。因為他們符合我對“當時的照明條件下的白色”的預期。
這個閾值,還會因人而異。不但因人而異,經過有意識的訓練,還會發生變化。
比如我自己,之前傻傻分不清銀色車和白色車的區別,經常把銀色的車誤認為是白色的。只有當一輛銀色車跟白色車停在一起的時候,我才恍然大悟:哦,那才是白色的車(嗯,過去的我對白色很寬容。。。
總之,白色是一種相對的、主觀色彩濃厚的顏色。
所以,如果把你印象中同樣都是白色的東西放到一起(比如白墻、A4紙),再有意識地比較一下,你就會很驚訝的發現,他們之間的色差之大,簡直出乎你的意料!
為什么會這樣?
我們人類經過千萬年時間的進化,識別顏色的能力可是很強的!由于材料種類不同、物體表面粗糙度不同、顏料的反射光譜等等的不同,造成物體顏色哪怕有一點點的差異,都完全能覺察出來!
但如果你不有意識的進行分辨,大腦就會非常偷懶的告訴你:嗯,就是白色嘛(唉,這么愛通過歸類來偷懶的大概是左腦吧。。。
如果用專業角度來討論這個問題,可以打開色度圖來看看。
——中間類似橢圓形的這一圈,都是白色。
這是不是很大一片啊?比紅色的(僅僅指red,不包括pink、Purplish red之類)區域還大不少!
想想我們有多少種紅色?所以你猜我們能識別多少種白色?
好了,大家對白色的色差問題,已經大概了解了。
接下來可能有同學要說了,哦,醬紫啊。那又怎么樣?
那。又。怎。么。樣。。。
哎,年輕人。。。naive啊。。。
-----------------熱身結束,以下才是今天的正文------------
如果你是一個搞產品的設計師、工程師,做白色產品的時候一定要非常非常小心!
就是說設計的東西是要出實物的那種,比如衣服啊、商品的包裝啊、電子產品啊之類。
千萬不要以為出設計圖、規格書的時候寫明是白色就可以了?。?/span>
做出來東西,最好能提前打樣,確認一下是不是你想要的白色。
不然很有可能你最后會想哭。。。
偏黃?顯舊!
發青?顯臟!
偏綠?中毒一樣什么鬼!
發灰?太山寨!
沒有對比,就沒有傷害。
來看一下好幾年前的白色手機。
圖片來自網絡。
然后,看一下現在的。
圖片來自網絡。圖上是同一張照片里(同樣的光線和曝光條件)的兩臺手機。由于材質工藝的些微不同,它們的白色仍然是有微妙的差異。拿著真機看會更加明顯。
我不是說誰好誰差的意思,請粉絲們不要打我~
因為白色產品質感的進步,依賴的是近年來整個行業的進步,并不光是某一個品牌的努力。
之前,當你想做白色的東西的時候,廠家的表情往往是這樣的:
白宮工作人員“喜迎”新總統川普的到來——一個大寫的拒絕!
圖片來自網絡
Why?
首先,你很難嚴格的、明確的向工廠表達你的需求。
一般常見的顏色標準里,白色并不多,不太夠用。雖然也有包含比較豐富白色的色卡(比如潘通專門出的補充色色卡),但比較偏門,而且又貴,一般人都用不上。所以你沒法像別的顏色那樣,說“我要一個PANTONE 475C的顏色”。
如果你能告訴工廠,我要一個“色坐標在x=0.30, y=0.35,誤差控制在+/-0.02以內,平均反射率在80%以上”的白色,也行。然而這是不現實的對不對。。。
于是最后往往跟工廠的對話會是這樣子的:
“我要個白色?!?/span>
“好,沒問題。”
“等等!要特別特別白、特別特別干凈那種??!”
“。。。能不能具體一點?”
“像夏天吃的冰淇凌,冬天里的皚皚白雪,一看就特涼爽那種!”
“。。?!?/span>
所以最好手上備個樣品給廠家參考一下。最好是同樣材質的,做塑料件就拿個塑料件,做衣服就拿白色的布料。也可以在這個樣品的基礎上提要求:明度再高一點,色調再偏暖一點之類。
不過即使需求很明確,最后也不一定能做到。理想很豐滿,現實很骨感。
比如這種:
注意看真假iphone的白色色差。假的iphone明度要低一點,發灰。
圖片來自網絡。
盜版的目標很明確,就是要一個iphone一樣的白色唄。
那為什么做不到跟iphone一樣呢?說白了,都是錢的事兒。。。
如果是塑料外殼這類東西,如果不上漆,呈色就依靠材料本身的特性。要做出你想要的顏色,就要對材料特性和工藝特性有深刻的認識。
什么PC啊、PE啊、PET啊,注塑啊,色母粒啊,我不懂啊啊啊啊~~~
所以,就得靠工廠的工藝經驗。如果沒有經驗怎么辦?那就要反復做實驗。
如果是靠上漆的東西,就更復雜。不但各個品牌、各個色號的漆之間特性差異很大,工藝的選擇、參數的控制同樣重要。
一個工業產品,從設計稿出圖,到實物打樣定下最終的顏色,來回折騰個七八遍很正常。樣品花錢是一方面,工期也會被拖長。時間也是錢??!
另外,白色還有一個涂漆的層數問題。
因為白色是完全靠反射光線來呈色的,跟靠吸收的黑色之類原理不同。如果白色材料的厚度不夠,反射的強度往往就上不去。
而如果反射率不夠,哪怕最后白色的飽和度和色調都非常正,顏色也會看起來發“灰”,顯得很山寨。
大家想想白衣服就懂了。如果面料很薄,白衣服就會“透”。如果不動用黑科技,解決這個問題的辦法就是把面料加厚。
同樣,白色的漆要想不發灰,就得保證厚度。但也不能一次涂太厚。太厚的漆,在干燥后容易厚度不一,導致顏色“花”掉。所以正確的做法是,保證單層的合理厚度,然后多涂幾層。
當然這樣一來,工序多了,成本自然也就高了。
(你家的采購拍著桌子瞪你:“搞那么多層干什么?!印一層加一次錢!印一層加一次錢!”。。。
成本還只是一方面。
涂層厚了之后,會導致白色的工件比黑色的會厚那么一丟丟。如果是對組裝公差要求比較高的場合,這是一個需要考慮的點。
(結構工程師拍著桌子瞪你:“為什么黑色工件跟白色工件厚度不一樣?!我出的圖都是一樣的!現在裝不上,你讓我怎么弄?!”
如果你還要做鏤空、弄個光效什么的,就還要考慮考慮遮光的問題。
比如這種要做光效的白色鍵盤:
如果鍵帽的涂層薄了,容易漏光。就是會在不該有光的地方也出來光,非常尷尬。
并且!有時候!漏光還會干擾一些光學元件的工作(如果產品有的話)。比如攝像頭、光線傳感器之類的。
因此,這種白色的鍵帽往往還需要加一層灰色的底漆,才能同時解決遮光+透光的需求。
而一些特殊用途的產品,往往都做成黑色,決不會做成白色。比如,望遠鏡、校色儀、照度計之類的。就是要用黑色來吸收散射光,防止不需要的光線到處亂串。
(你家的電子工程師拍著桌子瞪你:為啥非要做白色的???白的外殼跟個光波導似的,信號底噪跟黑色的完全不一樣!你讓我怎么弄???
上圖是白色產品光效的正確示范。
下圖是玩家自己改裝的鍵盤。
可以看出來,這個鍵帽本身并不支持燈效。
白色工件的注塑厚度太薄了,底漆肯定也是沒有的(當然本身也沒有這個設計意圖),所以LED的光效完全是“野生”狀態,特別是那個尷尬的空格鍵。。。
這樣的鍵帽,即使把文字部分做了鏤空,字兒的亮度可能都沒有漏光的部分亮度高。。。
當然自己搞著玩玩也挺好的,一種迷之美感。。。
所以就像剛才說的那樣,為了讓白色不發灰+解決漏光問題,往往需要多層印刷。
但多層印刷還會帶來另一個外觀問題。
一般的印刷工藝,比如絲印,公差是比較大的。多次印涂后,鏤空處的邊界會不整齊,導致字或者圖案變模糊:
這個毛茸茸的質感可真叫強迫癥抓狂。。。
要想解決這個問題、得到一個非常整齊的邊緣,就得用激光把不整齊的地方打掉。。。
好了,這下連激光雕刻都上了,你說廠家心塞不心塞?
(激光雕刻機現在也不算貴。但問題是加工起來太慢,產能太低,大批量的工業化生產是個問題。)
所以有的廠家會直接告訴你:不,我們不做白色。
等你好不容易把廠家說服了,開工了,樣品折騰好了,配方也定下來了,終于可以開始量產了,是不是感覺身體已經快被掏空了?
別忙躺下,新的事兒又來了!
——和別的顏色相比,白色的質量管控壓力也很大!
為什么呢?別的顏色,比如黑色,有點臟污根本看不出來好不啦!
白色呢?有一點點雜質臟污,都會很顯眼!
一般噴漆的車間都是按潔凈室管理,
工人要穿連體防塵服啊~
帶帽子口罩手套啊~
要有抽風機不停的除塵啊~
車間打掃得比酒店還干凈啊~
即便這樣,白色產線上依然是一不小心就出廢品。就是冬天穿白色羽絨服那種感覺,你們感受一下。。。
這樣一來,白色產品的良品率怎么好得了?于是成本又上去了。。。
(PS:所以如果你本身對顏色沒有什么要求,你就可以直接買白色的,成本肯定比黑色的高(這是什么思想啊喂。。。
很久很久以前,作者參與的第一個項目,一上來就領教了白色的厲害。一個白色的小零件,來來回回讓廠家做了幾十種樣品。。。
對,你沒看錯,是幾十種!
換了幾十種配比,每種都打了好幾個樣品方便做實驗。。。當然,本身項目的要求也比較奇葩了。。。
折騰了快一年,終于搞得差不多了的時候,大老板說:好了,大家辛苦了,項目算了一下可能不掙錢所以我們停了不做了 ^-^
——欸????。。?/span>
后來每次跟這廠家的哥們碰面的時候,都。。。總感覺哪里不對的樣子。。。我是不是該請他吃頓飯。。。
綜上!對產品設計而言,白色可是個大坑!所以你還堅持要做白色的東東么?
“ 我不管!白色的好看!干凈!通透!我就喜歡白色!”
這個可以有~我也喜歡白色~
而且,這兩年因為蘋果、MUJI等等帶來的白色風潮,已經大大推動了白色的工藝發展。廠家都比較有(斗爭)經驗了,做白色的東西已經比頭兩年輕松很多。
比如,有的注塑件供應商都能拿出一排一排的白色樣品卡了,不同配方不同厚度,隨你挑~(這就是之前別人的項目攢的,沒有原來的項目給錢做實驗,老板是不會花自己的錢這么糟踐原料來打樣的,攤手。。。
但你依然要小心,如果你的項目需求超出了工廠目前的經驗,就可能一不小心掉坑里了。。。
所以,你要打起精神,做好戰斗到底的心理準備~
然后,你最好有一個有品味(強迫癥)的領導,支持你跟工廠展開拉鋸戰。。。
最后,你最好還有一個有眼光(有錢任性)的老板,給你的瞎折騰買單。。。
祝你好運?。ㄔ獨獾膿]手~~
藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務