無(wú)意挑起所謂的職位之間的矛盾，直到今天看到這樣一篇文章的時(shí)候，是的，這是一篇關(guān)于程序猿和設(shè)計(jì)獅之間的文章，起源是這樣的，一位網(wǎng)友在某社區(qū)上提了一個(gè)問(wèn)題：

開(kāi)發(fā)人員拒絕按照 UI 標(biāo)注還原設(shè)計(jì)，如何讓他理解精確還原的重要性，從而去修改代碼？

當(dāng)一個(gè)開(kāi)發(fā)工程師屢次發(fā)問(wèn)「這里讓我移1px有什么意義，我為什么要浪費(fèi)時(shí)間這么做」且拒絕修改時(shí)，如何讓這位開(kāi)發(fā)理解、認(rèn)識(shí)到修改的重要性？

為 什么國(guó)內(nèi)很多視覺(jué)設(shè)計(jì)師得為了那些雖然看起來(lái)很細(xì)碎、甚至可謂之雞毛蒜皮——但對(duì)于設(shè)計(jì)師還是很重要——的細(xì)節(jié)追著工程師去修改，一項(xiàng)項(xiàng)列出問(wèn)題，卻得不 到工程師正面的回應(yīng)？舉個(gè)例子，聽(tīng)同事介紹過(guò) Frog 的工程師會(huì)為了不影響視覺(jué)設(shè)計(jì)師工作，自己開(kāi)發(fā)出檢查設(shè)計(jì)還原的軟件進(jìn)行還原檢查修改。

是什么背后的原因另產(chǎn)品的設(shè)計(jì)實(shí)現(xiàn)這么困難？是因?yàn)樵O(shè)計(jì)師不懂代碼？部分技術(shù)人員的審美意識(shí)？還是大廠心態(tài)或者其他什么原因？這種狀況怎么解決？到什么時(shí)代或是契機(jī)才能夠被解決？

嗯，不出所料，頂?shù)阶罡叩幕卮鹗沁@樣的。

限于篇幅,全文請(qǐng)大家復(fù)制鏈接到瀏覽器查看.http://zhi.hu/8lyF

通篇文章中，作者不遺余力的對(duì)設(shè)計(jì)師進(jìn)行污蔑和調(diào)侃，甚至將話(huà)題轉(zhuǎn)移， 文中寫(xiě)到:

對(duì)于軟件開(kāi)發(fā)而言，碼農(nóng)的工作是必需的。設(shè)計(jì)師的工作是可選的。

沒(méi)人做設(shè)計(jì)，軟件也可以用。實(shí)際上在扁平化的今天，許多開(kāi)發(fā)比如iOS，系統(tǒng)默認(rèn)的模版雖然不好看，但也不會(huì)是個(gè)毛胚房。但沒(méi)人寫(xiě)代碼，那就是屁也沒(méi)得。

工作的重要性決定誰(shuí)聽(tīng)誰(shuí)的。就是這么簡(jiǎn)單。

嗯，靜電看完后，唯一感覺(jué)是 這是黑社會(huì)還是自我感覺(jué)太良好了呢? 如果說(shuō)用戶(hù)群決定了回答的質(zhì)量的話(huà)，我一點(diǎn)都不懷疑，除了對(duì)這個(gè)社區(qū)表達(dá)一點(diǎn)點(diǎn)微弱的反感情緒外，靜電還想對(duì)現(xiàn)實(shí)中設(shè)計(jì)師和開(kāi)發(fā)的關(guān)系寫(xiě)一點(diǎn)自己的心得和體會(huì)。

首先表明立場(chǎng)，靜電是位設(shè)計(jì)師，懂一點(diǎn)代碼以及產(chǎn)品。

緣起1像素，改與不改?

作為一個(gè)負(fù)責(zé)任的設(shè)計(jì)師來(lái)說(shuō)，一像素對(duì)他們來(lái)說(shuō)，重不重要，如果說(shuō)不重要，那靜電認(rèn)為這不是一個(gè)合格的設(shè)計(jì)師，因?yàn)檫@是設(shè)計(jì)師的本職工作。

如果說(shuō)重要，有的人會(huì)說(shuō)，這個(gè)世界上沒(méi)有完美的事物，安啦安啦，不改也沒(méi)什么大不了，別折騰啦!

當(dāng)他們?nèi)デ笾_(kāi)發(fā)想改掉這個(gè)問(wèn)題的時(shí)候，開(kāi)發(fā)可能會(huì)說(shuō)，改這個(gè)工作量很大，需要很多時(shí)間，況且只是一個(gè)像素的問(wèn)題，沒(méi)什么大影響，不要改了。

產(chǎn)品經(jīng)理說(shuō)：我們最終的目標(biāo)是保證產(chǎn)品快速迭代，保證核心功能沒(méi)問(wèn)題即可。1像素不用調(diào)了，浪費(fèi)時(shí)間~

別折騰啦，別折騰啦，別折騰啦！

這個(gè)時(shí)候想的開(kāi)的設(shè)計(jì)師估計(jì)會(huì)放棄這樣的執(zhí)著，雖然心有不甘，但也無(wú)可奈何，心想:不改就不改吧，所有事物都是不完美的。

隨著時(shí)間的推移，一像素問(wèn)題就這么越來(lái)越多。最終，當(dāng)有成百上千的一像素問(wèn)題積累到一起的時(shí)候，突然有一天，用戶(hù)說(shuō)：“這個(gè)軟件（網(wǎng)頁(yè)）怎么這么丑？你們的設(shè)計(jì)怎么做的？能力不行吧？”

設(shè)計(jì)師周?chē)乃腥耍?ldquo;這個(gè)是你設(shè)計(jì)的問(wèn)題，你就不能好好設(shè)計(jì)嗎？你的水平有問(wèn)題！態(tài)度有問(wèn)題！”

設(shè)計(jì)師：“...”

我想這是發(fā)生在我們所有人身邊的事情，最終一款亂糟糟的軟件（網(wǎng)頁(yè)）就這么上線了。至于市場(chǎng)反響，你懂的...

我想這個(gè)時(shí)候設(shè)計(jì)師心里肯定有一萬(wàn)頭草泥馬在奔騰。

一個(gè)爛產(chǎn)品就是在無(wú)數(shù)的妥協(xié)和一像素的錯(cuò)位中產(chǎn)生的。在當(dāng)今產(chǎn)品同質(zhì)化嚴(yán)重的情況下，用戶(hù)自然會(huì)選擇界面美觀易用的產(chǎn)品。

沒(méi)人做設(shè)計(jì)，軟件也可以用？

是的，可以用，沒(méi)人做設(shè)計(jì)，軟件絕對(duì)可以用，就是用著很糾結(jié)就是了。舉個(gè)栗子，當(dāng)人類(lèi)還在遠(yuǎn)古時(shí)代的時(shí)候，大家伙都是吃生肉的，沒(méi)人覺(jué)得不妥。后來(lái)呢，有個(gè)愛(ài)折騰的SB（不好意思用這樣的詞，大家抱歉）對(duì)大家說(shuō)：“那啥，其實(shí)用火烤的肉更好吃喲”，我估計(jì)當(dāng)時(shí)有很多對(duì)他說(shuō)：“你瞎搞毛線啊，生肉就是好吃，吃生肉就夠了，吃烤的多麻煩！”。但最終熟肉還是戰(zhàn)勝了生肉，結(jié)果就是后來(lái)大家沒(méi)人吃生肉了。靜電想說(shuō)的就是，湊合不是不可以，但湊合已經(jīng)無(wú)法滿(mǎn)足當(dāng)今人們?nèi)找嫣岣叩膶徝佬枨罅恕Ｈ藗儾粌H要吃飯，而且要吃飽飯，然后還要吃的美味。

設(shè)計(jì)存在的價(jià)值亦然。至于知X上某人的言論，程序是必選的，設(shè)計(jì)是可選的。靜電除了呵呵，還想附帶釋放嘲諷技能：“其實(shí)程序也不是可選的，因?yàn)槌燥埐攀强蛇x的，活著才是可選的，其他神馬的，都特么見(jiàn)鬼去吧！這位仁兄，你說(shuō)對(duì)嗎？”

當(dāng)設(shè)計(jì)師開(kāi)始寫(xiě)代碼，程序員開(kāi)始嘗試設(shè)計(jì)的時(shí)候，你在做什么？

其實(shí)一像素的問(wèn)題壓根不是問(wèn)題，在設(shè)計(jì)師完成設(shè)計(jì)稿，設(shè)計(jì)縝密，標(biāo)注明確的情況下，開(kāi)發(fā)人員在遵從設(shè)計(jì)稿的情況下，還原的程度是非常高的，基本可以到達(dá)80%到90%，這個(gè)時(shí)候的一些小細(xì)節(jié)，靜電建議作為設(shè)計(jì)師的大家積極與開(kāi)發(fā)溝通協(xié)調(diào)來(lái)解決問(wèn)題，相信大部分的開(kāi)發(fā)者都是非常愿意幫助我們解決問(wèn)題的。 另一方面，在溝通過(guò)程中，設(shè)計(jì)師也需要從與開(kāi)發(fā)者的合作過(guò)程中理解開(kāi)發(fā)者是如何進(jìn)行設(shè)計(jì)稿的復(fù)現(xiàn)的，代碼如何寫(xiě)，布局如何合理，哪些地方是可以避免發(fā)生問(wèn)題的，哪些是可以與開(kāi)發(fā)者一起思考想辦法解決的。

靜電從事APP開(kāi)發(fā)過(guò)程中，電腦上是安裝于開(kāi)發(fā)者一樣的運(yùn)行環(huán)境的(Xcode)，并使用git保持代碼與開(kāi)發(fā)人員的代碼同步. 這樣有助于我們了解軟件的產(chǎn)生過(guò)程，必要的時(shí)候，我們可以順帶學(xué)習(xí)一些樣式調(diào)整的小技巧，對(duì)于設(shè)計(jì)師來(lái)說(shuō)，這學(xué)到了更多東西有助設(shè)計(jì)稿的實(shí)現(xiàn)，對(duì)于開(kāi)發(fā)者，他們一定是非常歡迎你這么做的，因?yàn)樯磉呌幸粋€(gè)同樣會(huì)寫(xiě)一些代碼，幫他們解決問(wèn)題而不是提出問(wèn)題扔給他們不管的人。 于是好基友就這么誕生了。

在這個(gè)過(guò)程中，一個(gè)非常好的現(xiàn)象正在發(fā)生，由于你們關(guān)系的進(jìn)展，作為設(shè)計(jì)師的你，在程序員遇到取色或者某些簡(jiǎn)單的圖片問(wèn)題的時(shí)候，你可以非常方便的來(lái)幫他，甚至可以幫他裝個(gè)photoshop慢慢教他做一些簡(jiǎn)單的圖形處理。

這樣，相互協(xié)作和融洽的溝通就產(chǎn)生了。這個(gè)時(shí)候，你在做什么呢？是在知X上寫(xiě)一篇酸溜溜的檄文，還是無(wú)休止的抱怨對(duì)方？

優(yōu)秀的設(shè)計(jì)師和開(kāi)發(fā)者-溝通與相互理解

其實(shí)我們一直在強(qiáng)調(diào)溝通，什么是溝通呢，雙方的交流才叫溝通，單方面的講解，另一方面卻無(wú)動(dòng)于衷，不叫溝通。我們之前假設(shè)，設(shè)計(jì)師和開(kāi)發(fā)者都是通情達(dá)理，氣場(chǎng)不那么相悖的。 但萬(wàn)一遇到氣場(chǎng)不合的呢？或者對(duì)方就是不愿意去改著1px呢？原因可能是：

1.設(shè)計(jì)稿不夠謹(jǐn)慎，頻繁的改動(dòng)，設(shè)計(jì)師請(qǐng)想象一下給客戶(hù)做東西改到吐血時(shí)的情景。

2.如果設(shè)計(jì)稿謹(jǐn)慎，標(biāo)注完整，但始終還原度較低，低到你無(wú)法忍受。 那么除了溝通，還有一個(gè)能力和態(tài)度的問(wèn)題擺在你面前。 如果說(shuō)初次磨合，我們可以嘗試來(lái)進(jìn)行溝通，在雙方態(tài)度都不錯(cuò)的情況下，對(duì)方一般都愿意幫忙;還有一種情況，這個(gè)是大家最關(guān)注的問(wèn)題，就是對(duì)方極度不配合，這個(gè)時(shí)候我們需要求助PM或者你的領(lǐng)導(dǎo)作為中間人來(lái)協(xié)調(diào)，成功將矛盾化解，記住，在這種情形下，設(shè)計(jì)師就不要過(guò)于較真兒了，否則針尖對(duì)麥芒，結(jié)果是兩敗俱傷。

3.當(dāng)設(shè)計(jì)師做到第二節(jié)描述的做到了體諒和理解的情況下，但對(duì)方依舊極度不配合，最終導(dǎo)致產(chǎn)品出問(wèn)題，這個(gè)時(shí)候就不是設(shè)計(jì)師能解決的了，相信你的上級(jí)或者領(lǐng)導(dǎo)會(huì)對(duì)整個(gè)情況有更深入的了解和判斷。 你所要做的，就是做好本職工作完美到?jīng)]有紕漏即可。

因?yàn)樽罱K產(chǎn)品的質(zhì)量已經(jīng)不是你能把控的了的了，順其自然。通過(guò)其他形式尋找自身成就感。

4.沒(méi)有完善的bug反饋和質(zhì)量控制機(jī)制，將問(wèn)題歸于個(gè)體認(rèn)知所帶來(lái)的差異而不是流程的標(biāo)準(zhǔn)化。

5.溝通不善.我知道設(shè)計(jì)師您在說(shuō)要改改改.但開(kāi)發(fā)可能是"....(都不愛(ài)理你)"

致我們親愛(ài)的開(kāi)發(fā)者

1.我們知道您很忙，每天面對(duì)無(wú)數(shù)的代碼看花了雙眼，無(wú)數(shù)bug需要修改，但我很想學(xué)一點(diǎn)代碼來(lái)分擔(dān)你的痛苦。

2.我們知道您并不是low爆的沒(méi)品位的代碼狂人，您的內(nèi)心一定有對(duì)完美的追求。

3.請(qǐng)你理解溝通是雙向的，很多時(shí)候，我們需要你來(lái)告訴對(duì)代碼一竅不通的設(shè)計(jì)師，怎么做更好。

4.我們知道簡(jiǎn)潔優(yōu)雅執(zhí)行效率超高的代碼是您畢生追求，但與設(shè)計(jì)師一起合作修改一個(gè)像素的問(wèn)題，說(shuō)不定也很好玩呢?

5.我們的最終目的是一樣的，作出一款讓人滿(mǎn)意的產(chǎn)品。 請(qǐng)相信設(shè)計(jì)師的專(zhuān)業(yè)程度，盡管你可能比他更有才。

6.設(shè)計(jì)師很樂(lè)意幫你在電腦上安裝一些更方便你進(jìn)行界面開(kāi)發(fā)的小工具。

7.請(qǐng)不要再說(shuō):"程序要會(huì)ps，要美術(shù)干嘛?"這樣傷人心的話(huà)。

致自己-為1像素努力的設(shè)計(jì)師

1.嚴(yán)格要求自己，一定沒(méi)錯(cuò)。請(qǐng)認(rèn)真對(duì)待自己的每一個(gè)設(shè)計(jì)稿和每一個(gè)1px。

2.如果你被甲方的變態(tài)客戶(hù)蹂躪過(guò)，請(qǐng)考慮一下，你現(xiàn)在作為甲方是如何對(duì)待"乙方"的。

3.如果一個(gè)像素可以調(diào)一次，那就不要調(diào)兩次，如果反復(fù)調(diào)節(jié)多次，最好跟開(kāi)發(fā)道個(gè)歉，然后學(xué)習(xí)如何自己調(diào)。

4.學(xué)習(xí)簡(jiǎn)單的代碼，其實(shí)他們沒(méi)那么難，甚至還挺好玩，試著求助工程師，讓他們?cè)谀汶娔X上裝一個(gè)開(kāi)發(fā)環(huán)境，相信他們很樂(lè)意幫你。

5.我們的最終目的是一樣的，作出一款讓人滿(mǎn)意的產(chǎn)品。 請(qǐng)相信開(kāi)發(fā)者的專(zhuān)業(yè)程度，盡管你可能比他更有才。

6.請(qǐng)相信，未來(lái)職業(yè)之間的區(qū)分會(huì)越來(lái)越模糊。 你就是這樣一個(gè)會(huì)寫(xiě)代碼的牛逼設(shè)計(jì)師，也許是一個(gè)懂設(shè)計(jì)的產(chǎn)品經(jīng)理,讓他們羨慕去吧。

7.試著相信，每個(gè)開(kāi)發(fā)者都是可愛(ài)且善良的。 如果你無(wú)法相信上一句，請(qǐng)不要放棄尋找。

最后, 我愛(ài)每一個(gè)工作認(rèn)真敬業(yè)，懂的上進(jìn)，有追求的設(shè)計(jì)師和開(kāi)發(fā)工程師。