如何和工程師更好地合作，這是每一個設(shè)計師職業(yè)生涯中需要不斷去思考的一個課題。以下是我自己和大家總結(jié)的一些經(jīng)驗教訓(xùn)，分為3個步驟，從設(shè)計師專業(yè)素養(yǎng)的提升到合作的溝通技巧都有，全是實戰(zhàn)總結(jié)出來的，建議閱讀。

作為一枚摸爬滾打多年的設(shè)計師，每天接觸最多的除了Sketch就是各色各樣的攻城獅了。他們中有些可愛，有些呆萌，有些幽默，還有些胡攪蠻纏，雖然網(wǎng)絡(luò)上經(jīng)常會有設(shè)計師與攻城獅的兩大陣營的爭論，但不得不承認的是，對于一個好的產(chǎn)品來說，這兩者可以說是成敗至關(guān)重要的兩個環(huán)節(jié)，缺哪個都是不行的。

First Step：自身的專業(yè)素養(yǎng)決定了合作的基礎(chǔ)

1.1 每個設(shè)計都要有據(jù)可依

設(shè)計師經(jīng)常會遇到這樣一種情況，攻城獅在實現(xiàn)你的設(shè)計稿效果時，向你提出這樣的問題：這個輸入框放這里不太好，這個顏色看起來不好看，這邊的邏輯好像不對。這時候我相信作為設(shè)計師都會有種哭笑不得的感覺，覺得他們是在質(zhì)疑自己的專業(yè)水平。然而，如果設(shè)計師在做設(shè)計的時候，只是憑感覺，或者自認為用戶會如何操作，這樣的設(shè)計經(jīng)常會經(jīng)不起推敲和質(zhì)疑。所以為了避免這種情況的發(fā)生，在做設(shè)計的時候一定要有據(jù)可依，在面對疑問的時候能夠去說服對方。

1.2 標(biāo)注大過天

標(biāo)注可以說是設(shè)計稿的說明書。每個設(shè)計師都會有自己習(xí)慣標(biāo)注的方式，不必贅述。但是在攻城獅與設(shè)計師的溝通之中，標(biāo)注又是至關(guān)重要的一個環(huán)節(jié)。如果一份標(biāo)注很凌亂，沒有統(tǒng)一的單位，又沒有標(biāo)出重點信息，那攻城獅在開發(fā)的時候就會丈二和尚摸不著頭腦，無從下手，最后實現(xiàn)的效果肯定也是相距甚遠。

在標(biāo)注上，我的經(jīng)驗心得就是，統(tǒng)一單位，統(tǒng)一格式，重點標(biāo)亮。統(tǒng)一單位指的是文檔的開始需要說明標(biāo)注所使用的單位以及分辨率。統(tǒng)一格式，拿我的標(biāo)注習(xí)慣打比方，就是每個界面3張圖，縱向橫向和文字，每個方向上一張圖，避免了縱橫交錯的凌亂感。重點標(biāo)亮指的是一些熱區(qū)、點擊狀態(tài)和圖片大小、元素居中方式和其他特殊情況的標(biāo)注需要用高亮顏色標(biāo)出。

1.3 設(shè)計規(guī)范和模塊化開發(fā)來幫忙

對于一個成熟的項目來說，一份設(shè)計規(guī)范會對設(shè)計和開發(fā)都有相當(dāng)?shù)膸椭ＴO(shè)計規(guī)范主要包含了顏色、字號、常用控件、常用模塊的定義，對于設(shè)計師來說研習(xí)規(guī)范能夠幫助更好的設(shè)計出風(fēng)格統(tǒng)一的界面，而開發(fā)團隊若能夠合作將其中的一些模塊化，對于產(chǎn)品的開發(fā)效率無疑是一種極大的提高。

Second Step：攻城獅是設(shè)計師的好朋友

2.1 換位思考，讓夢想照進現(xiàn)實

無論是在生活還是工作中，換位思考都是團隊協(xié)作的良藥利器。作為設(shè)計師，總會有一種理想設(shè)計的情懷，比如酷炫的動效，完美的過場流程等等，然而現(xiàn)實往往會四處碰壁，開發(fā)小哥會甩出絕招：這個我們實現(xiàn)不了。所以對于設(shè)計師來說，可以去主動的了解一些代碼實現(xiàn)的原理，在設(shè)計的時候就考慮到開發(fā)實現(xiàn)的可能性，相信開發(fā)小哥們會更愿意去努力實現(xiàn)你的設(shè)計。

2.2 溝通，溝通，溝通，重要的事情說三遍

交付標(biāo)注稿絕不是設(shè)計工作的結(jié)束符。設(shè)計師要及時主動的跟進進度，和工程師溝通在設(shè)計稿中可能會比較難以理解的部分，這樣可以很大程度上去避免實現(xiàn)效果與預(yù)期不符，工程師因此返工抱怨的情況出現(xiàn)。當(dāng)然，在開發(fā)完成后的測試也是非常關(guān)鍵的一環(huán)，因為工程師往往更專注代碼結(jié)構(gòu)和性能方面的優(yōu)化，并不都像設(shè)計師那樣具有“像素之眼”，如果發(fā)現(xiàn)實現(xiàn)效果與設(shè)計稿有出入，也要和開發(fā)小哥及時提出和修改。雖然這個環(huán)節(jié)往往會讓人忽視，但確實是產(chǎn)品上線之前，作為設(shè)計師來說最后一次可以修正結(jié)果的時候，當(dāng)然在開發(fā)小哥如你所愿的實現(xiàn)最終效果的時候，也別吝嗇你的鼓勵哦。

Last but not Least：Trouble is a friend

3.1 設(shè)計師與攻城獅的恩怨情仇錄

在與工程師的合作中遇到問題是再平常不過的事情，上周我們的茶話會提到這個話題，大家都是滔滔不絕自己與開發(fā)小哥們不得不說的故事。幾位資深設(shè)計師的經(jīng)驗總結(jié)起來，基本上就是這幾個方面：就事論事的態(tài)度，以毒攻毒的方法，再加上曉之以理動之以情的情感攻勢等。就事論事的態(tài)度就是把討論的重心放在當(dāng)前出現(xiàn)的問題上，不要扯太遠，也不要扯陳芝麻舊谷子，大家都齊心協(xié)力想辦法來解決問題。以毒攻毒的方法就是，可以讓對方說一下自己的想法，然后從中發(fā)現(xiàn)一些不合理的情況，再適時推出自己的方法，讓對方信服。曉之以理動之以情就是字面上的意思，大家都是打工仔，為了產(chǎn)品考慮，或者各退一步海闊天空等等。用以上的方法，基本能解決90%的問題。

3.2 幸福只是晚來了一點兒

所以還有10%的問題可以用備選方案，或者分批實現(xiàn)效果的迂回戰(zhàn)術(shù)。這一點需要設(shè)計師用自己的經(jīng)驗去判斷實現(xiàn)的工作量以及可行性?？偠灾?，言而總之，要做一個百辯不倒，忽悠不了，人見人愛，花見花開的設(shè)計師！

以上。

希望諸位設(shè)計師們都能和工程師們互相理解，打成一片，合作愉快！

作者：小桃

來源：點融設(shè)計中心DDC （公眾號ID：DR_DDC）

本文由 @點融設(shè)計中心DDC ?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。