2017-1-27 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
來源：圖冀網(wǎng)
本來是要接著寫顯示器白點(diǎn)的校準(zhǔn)問題的，順便寫寫工業(yè)產(chǎn)品的白色，不過越寫想起的往事越多，最后成了這么長一篇。。。
為什么要專門寫這么一篇呢？
因?yàn)槲矣X得，大部分人恐怕都沒有意識到，
白色是一種非常坑爹的顏色！
白色是一種非常坑爹的顏色！！
白色是一種非常坑爹的顏色！！！
喜歡白色的產(chǎn)品設(shè)計(jì)師們，你們做好掉坑里的準(zhǔn)備了嗎？！
這也是我工作多年以后，吃了不少啞巴虧才突然覺悟的：白色跟其他顏色，根本不是一掛！
元?dú)馍倥略Y(jié)衣（AragakiYui）
白色的帽子，白色的牙齒，白色的雪。
但，這些白，在同樣的光照和曝光條件下，其實(shí)都是不一樣的！仔細(xì)分辨一下，雪的白色最正，明度最高。牙齒的白偏暖，帽子的白偏青。
如果是普通光照條件下、沒有修過的照片，自拍照那種，各種白色的色差看起來會更接近真實(shí)情況、更明顯（請自行搜索“白衣服+自拍”，都太魔性了，我不敢放。。。
總之，如果你平時(shí)注意觀察，就會意識到，當(dāng)我們看到一種東西的顏色的飽和度很低、而明度又很高的時(shí)候，就會認(rèn)為它是白色。特別是當(dāng)這樣的顏色在其他顏色的映襯之下，你會毫不猶豫的認(rèn)為它是白色。
也就是說，白色其實(shí)是一種相對的顏色。如果周圍都是黑乎乎的東西，灰色的東西你也會認(rèn)為是白色的。
如果沒有中間這幅純白的畫，這面墻我們往往會習(xí)慣性的認(rèn)為是白色的。
但掛了這幅畫以后，很多人就會認(rèn)為是灰墻了。
也就是說，我們此時(shí)此刻的視野里，最亮的消色物體，就會被認(rèn)為是白色。它會作為一個(gè)參考白點(diǎn)而存在。剩下的所有顏色，都會通過和它的對比，來獲得明度、以及飽和度的感知。
以上是教科書內(nèi)容。
關(guān)于這一點(diǎn)，我還有一點(diǎn)個(gè)人意見。
就是，我們的大腦會記住在某種的照度下的白色的感覺，形成一個(gè)閾值。當(dāng)處于類似這種照度的情況下，一旦看見某個(gè)消色高于這個(gè)閾值，就會認(rèn)為是白色，反之就是灰色。
這話有點(diǎn)繞。
咱舉個(gè)例子。
這個(gè)包、這個(gè)書、這個(gè)被子，有沒有色差？有。
但是因?yàn)樗麄兌荚谖业男睦黹撝抵希远际前咨摹?/span>
這是同一個(gè)視場的情況。
如果是不同視場的情況，也就是我分兩次看到了不同的東西。如果這個(gè)東西符合我對白色的經(jīng)驗(yàn)，我也會認(rèn)為是白色。
在這兩幅照片里，書的色調(diào)和明度差別如此之大。但是，如果你要問我這書是什么顏色的，我還是會毫不猶豫的說它們都是白色的。因?yàn)樗麄兎衔覍Α爱?dāng)時(shí)的照明條件下的白色”的預(yù)期。
這個(gè)閾值，還會因人而異。不但因人而異，經(jīng)過有意識的訓(xùn)練，還會發(fā)生變化。
比如我自己，之前傻傻分不清銀色車和白色車的區(qū)別，經(jīng)常把銀色的車誤認(rèn)為是白色的。只有當(dāng)一輛銀色車跟白色車停在一起的時(shí)候，我才恍然大悟：哦，那才是白色的車（嗯，過去的我對白色很寬容。。。
總之，白色是一種相對的、主觀色彩濃厚的顏色。
所以，如果把你印象中同樣都是白色的東西放到一起（比如白墻、A4紙），再有意識地比較一下，你就會很驚訝的發(fā)現(xiàn)，他們之間的色差之大，簡直出乎你的意料！
為什么會這樣？
我們?nèi)祟惤?jīng)過千萬年時(shí)間的進(jìn)化，識別顏色的能力可是很強(qiáng)的！由于材料種類不同、物體表面粗糙度不同、顏料的反射光譜等等的不同，造成物體顏色哪怕有一點(diǎn)點(diǎn)的差異，都完全能覺察出來！
但如果你不有意識的進(jìn)行分辨，大腦就會非常偷懶的告訴你：嗯，就是白色嘛（唉，這么愛通過歸類來偷懶的大概是左腦吧。。。
如果用專業(yè)角度來討論這個(gè)問題，可以打開色度圖來看看。
——中間類似橢圓形的這一圈，都是白色。
這是不是很大一片啊？比紅色的（僅僅指red，不包括pink、Purplish red之類）區(qū)域還大不少！
想想我們有多少種紅色？所以你猜我們能識別多少種白色？
好了，大家對白色的色差問題，已經(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)一下是不是你想要的白色。
不然很有可能你最后會想哭。。。
偏黃？顯舊！
發(fā)青？顯臟！
偏綠？中毒一樣什么鬼！
發(fā)灰？太山寨！
沒有對比，就沒有傷害。
來看一下好幾年前的白色手機(jī)。
圖片來自網(wǎng)絡(luò)。
然后，看一下現(xiàn)在的。
圖片來自網(wǎng)絡(luò)。圖上是同一張照片里（同樣的光線和曝光條件）的兩臺手機(jī)。由于材質(zhì)工藝的些微不同，它們的白色仍然是有微妙的差異。拿著真機(jī)看會更加明顯。
我不是說誰好誰差的意思，請粉絲們不要打我～
因?yàn)榘咨a(chǎn)品質(zhì)感的進(jìn)步，依賴的是近年來整個(gè)行業(yè)的進(jìn)步，并不光是某一個(gè)品牌的努力。
之前，當(dāng)你想做白色的東西的時(shí)候，廠家的表情往往是這樣的：
白宮工作人員“喜迎”新總統(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í)的對不對。。。
于是最后往往跟工廠的對話會是這樣子的：
“我要個(gè)白色。”
“好，沒問題。”
“等等！要特別特別白、特別特別干凈那種啊！”
“。。。能不能具體一點(diǎn)？”
“像夏天吃的冰淇凌，冬天里的皚皚白雪，一看就特涼爽那種！”
“。。。”
所以最好手上備個(gè)樣品給廠家參考一下。最好是同樣材質(zhì)的，做塑料件就拿個(gè)塑料件，做衣服就拿白色的布料。也可以在這個(gè)樣品的基礎(chǔ)上提要求：明度再高一點(diǎn)，色調(diào)再偏暖一點(diǎn)之類。
不過即使需求很明確，最后也不一定能做到。理想很豐滿，現(xiàn)實(shí)很骨感。
比如這種：
注意看真假iphone的白色色差。假的iphone明度要低一點(diǎn)，發(fā)灰。
圖片來自網(wǎng)絡(luò)。
盜版的目標(biāo)很明確，就是要一個(gè)iphone一樣的白色唄。
那為什么做不到跟iphone一樣呢？說白了，都是錢的事兒。。。
如果是塑料外殼這類東西，如果不上漆，呈色就依靠材料本身的特性。要做出你想要的顏色，就要對材料特性和工藝特性有深刻的認(rèn)識。
什么PC啊、PE啊、PET啊，注塑啊，色母粒啊，我不懂啊啊啊啊~~~
所以，就得靠工廠的工藝經(jīng)驗(yàn)。如果沒有經(jīng)驗(yàn)怎么辦？那就要反復(fù)做實(shí)驗(yàn)。
如果是靠上漆的東西，就更復(fù)雜。不但各個(gè)品牌、各個(gè)色號的漆之間特性差異很大，工藝的選擇、參數(shù)的控制同樣重要。
一個(gè)工業(yè)產(chǎn)品，從設(shè)計(jì)稿出圖，到實(shí)物打樣定下最終的顏色，來回折騰個(gè)七八遍很正常。樣品花錢是一方面，工期也會被拖長。時(shí)間也是錢啊！
另外，白色還有一個(gè)涂漆的層數(shù)問題。
因?yàn)榘咨峭耆糠瓷涔饩€來呈色的，跟靠吸收的黑色之類原理不同。如果白色材料的厚度不夠，反射的強(qiáng)度往往就上不去。
而如果反射率不夠，哪怕最后白色的飽和度和色調(diào)都非常正，顏色也會看起來發(fā)“灰”，顯得很山寨。
大家想想白衣服就懂了。如果面料很薄，白衣服就會“透”。如果不動(dòng)用黑科技，解決這個(gè)問題的辦法就是把面料加厚。
同樣，白色的漆要想不發(fā)灰，就得保證厚度。但也不能一次涂太厚。太厚的漆，在干燥后容易厚度不一，導(dǎo)致顏色“花”掉。所以正確的做法是，保證單層的合理厚度，然后多涂幾層。
當(dāng)然這樣一來，工序多了，成本自然也就高了。
（你家的采購拍著桌子瞪你：“搞那么多層干什么？！印一層加一次錢！印一層加一次錢！”。。。
成本還只是一方面。
涂層厚了之后，會導(dǎo)致白色的工件比黑色的會厚那么一丟丟。如果是對組裝公差要求比較高的場合，這是一個(gè)需要考慮的點(diǎn)。
（結(jié)構(gòu)工程師拍著桌子瞪你：“為什么黑色工件跟白色工件厚度不一樣？！我出的圖都是一樣的！現(xiàn)在裝不上，你讓我怎么弄？！”
如果你還要做鏤空、弄個(gè)光效什么的，就還要考慮考慮遮光的問題。
比如這種要做光效的白色鍵盤：
如果鍵帽的涂層薄了，容易漏光。就是會在不該有光的地方也出來光，非常尷尬。
并且！有時(shí)候！漏光還會干擾一些光學(xué)元件的工作（如果產(chǎn)品有的話）。比如攝像頭、光線傳感器之類的。
因此，這種白色的鍵帽往往還需要加一層灰色的底漆，才能同時(shí)解決遮光+透光的需求。
而一些特殊用途的產(chǎn)品，往往都做成黑色，決不會做成白色。比如，望遠(yuǎn)鏡、校色儀、照度計(jì)之類的。就是要用黑色來吸收散射光，防止不需要的光線到處亂串。
（你家的電子工程師拍著桌子瞪你：為啥非要做白色的？？？白的外殼跟個(gè)光波導(dǎo)似的，信號底噪跟黑色的完全不一樣！你讓我怎么弄？？？
上圖是白色產(chǎn)品光效的正確示范。
下圖是玩家自己改裝的鍵盤。
可以看出來，這個(gè)鍵帽本身并不支持燈效。
白色工件的注塑厚度太薄了，底漆肯定也是沒有的（當(dāng)然本身也沒有這個(gè)設(shè)計(jì)意圖），所以LED的光效完全是“野生”狀態(tài)，特別是那個(gè)尷尬的空格鍵。。。
這樣的鍵帽，即使把文字部分做了鏤空，字兒的亮度可能都沒有漏光的部分亮度高。。。
當(dāng)然自己搞著玩玩也挺好的，一種迷之美感。。。
所以就像剛才說的那樣，為了讓白色不發(fā)灰+解決漏光問題，往往需要多層印刷。
但多層印刷還會帶來另一個(gè)外觀問題。
一般的印刷工藝，比如絲印，公差是比較大的。多次印涂后，鏤空處的邊界會不整齊，導(dǎo)致字或者圖案變模糊：
這個(gè)毛茸茸的質(zhì)感可真叫強(qiáng)迫癥抓狂。。。
要想解決這個(gè)問題、得到一個(gè)非常整齊的邊緣，就得用激光把不整齊的地方打掉。。。
好了，這下連激光雕刻都上了，你說廠家心塞不心塞？
（激光雕刻機(jī)現(xiàn)在也不算貴。但問題是加工起來太慢，產(chǎn)能太低，大批量的工業(yè)化生產(chǎn)是個(gè)問題。）
所以有的廠家會直接告訴你：不，我們不做白色。
等你好不容易把廠家說服了，開工了，樣品折騰好了，配方也定下來了，終于可以開始量產(chǎn)了，是不是感覺身體已經(jīng)快被掏空了？
別忙躺下，新的事兒又來了！
——和別的顏色相比，白色的質(zhì)量管控壓力也很大！
為什么呢？別的顏色，比如黑色，有點(diǎn)臟污根本看不出來好不啦！
白色呢？有一點(diǎn)點(diǎn)雜質(zhì)臟污，都會很顯眼！
一般噴漆的車間都是按潔凈室管理，
工人要穿連體防塵服啊~
帶帽子口罩手套啊~
要有抽風(fēng)機(jī)不停的除塵啊~
車間打掃得比酒店還干凈啊~
即便這樣，白色產(chǎn)線上依然是一不小心就出廢品。就是冬天穿白色羽絨服那種感覺，你們感受一下。。。
這樣一來，白色產(chǎn)品的良品率怎么好得了？于是成本又上去了。。。
（PS：所以如果你本身對顏色沒有什么要求，你就可以直接買白色的，成本肯定比黑色的高（這是什么思想啊喂。。。
很久很久以前，作者參與的第一個(gè)項(xiàng)目，一上來就領(lǐng)教了白色的厲害。一個(gè)白色的小零件，來來回回讓廠家做了幾十種樣品。。。
對，你沒看錯(cuò)，是幾十種！
換了幾十種配比，每種都打了好幾個(gè)樣品方便做實(shí)驗(yàn)。。。當(dāng)然，本身項(xiàng)目的要求也比較奇葩了。。。
折騰了快一年，終于搞得差不多了的時(shí)候，大老板說：好了，大家辛苦了，項(xiàng)目算了一下可能不掙錢所以我們停了不做了 ^-^
——?dú)G？？？！！！
后來每次跟這廠家的哥們碰面的時(shí)候，都。。。總感覺哪里不對的樣子。。。我是不是該請他吃頓飯。。。
綜上！對產(chǎn)品設(shè)計(jì)而言，白色可是個(gè)大坑！所以你還堅(jiān)持要做白色的東東么？
“ 我不管！白色的好看！干凈！通透！我就喜歡白色！”
這個(gè)可以有~我也喜歡白色~
而且，這兩年因?yàn)樘O果、MUJI等等帶來的白色風(fēng)潮，已經(jīng)大大推動(dòng)了白色的工藝發(fā)展。廠家都比較有（斗爭）經(jīng)驗(yàn)了，做白色的東西已經(jīng)比頭兩年輕松很多。
比如，有的注塑件供應(yīng)商都能拿出一排一排的白色樣品卡了，不同配方不同厚度，隨你挑~（這就是之前別人的項(xiàng)目攢的，沒有原來的項(xiàng)目給錢做實(shí)驗(yàn)，老板是不會花自己的錢這么糟踐原料來打樣的，攤手。。。
但你依然要小心，如果你的項(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ì)( www.ocunn.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.ocunn.cn