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