關(guān)于這個(gè)話題抵皱，我看過好幾篇文章善榛，但似乎每篇文章都是在講“設(shè)計(jì)師如何參與團(tuán)隊(duì)協(xié)作”，而忽略了“有效”兩個(gè)字呻畸。有效移盆，我覺得主要包含兩個(gè)層面的意思：有效率、有效果伤为。作為產(chǎn)品研發(fā)團(tuán)隊(duì)的設(shè)計(jì)師味滞，團(tuán)隊(duì)協(xié)作是工作日常，但如何讓協(xié)作更有效呢钮呀？

想讓協(xié)作更有效剑鞍，首先我們需要找到導(dǎo)致團(tuán)隊(duì)協(xié)作低效甚至無效的問題所在。我們可以從設(shè)計(jì)環(huán)節(jié)和開發(fā)環(huán)節(jié)來總結(jié)：

設(shè)計(jì)環(huán)節(jié)：

1爽醋、需求方不明確蚁署，需求表達(dá)不清晰，導(dǎo)致反復(fù)改稿蚂四，產(chǎn)出效率被拉低

2光戈、工具不統(tǒng)一，設(shè)計(jì)師之間協(xié)作和共享困難遂赠，設(shè)計(jì)進(jìn)度緩慢

3久妆、設(shè)計(jì)審核流程復(fù)雜，項(xiàng)目推進(jìn)進(jìn)度緩慢

開發(fā)環(huán)節(jié)：

1跷睦、只能看到視覺設(shè)計(jì)稿筷弦，開發(fā)不理解設(shè)計(jì)思路，設(shè)計(jì)稿還原度低

2抑诸、缺乏多端開發(fā)經(jīng)驗(yàn)烂琴，反復(fù)要求設(shè)計(jì)師輸出不同規(guī)格的素材切圖

3、按照標(biāo)注還原設(shè)計(jì)稿過于繁瑣和低效蜕乡，耽誤整體進(jìn)度

了解了問題所在奸绷，我們就可以對癥下藥，提升團(tuán)隊(duì)協(xié)作效率层玲，達(dá)到更好的協(xié)作效果号醉。首先是設(shè)計(jì)環(huán)節(jié)，如何有效提升團(tuán)隊(duì)協(xié)作效率辛块，加快項(xiàng)目進(jìn)程畔派？

1、明確設(shè)計(jì)需求

當(dāng)設(shè)計(jì)師面對產(chǎn)品憨降、市場父虑、運(yùn)營该酗、策劃等多個(gè)需求方時(shí)授药，收到需求就開始設(shè)計(jì)是最大的錯誤士嚎。在開始設(shè)計(jì)前，必須要積極和上游的需求提供方進(jìn)行仔細(xì)的溝通悔叽。如果團(tuán)隊(duì)中缺乏交互設(shè)計(jì)師的角色莱衩，設(shè)計(jì)師需要直面產(chǎn)品時(shí)，還要適當(dāng)?shù)睾Y除偽需求娇澎，理清真實(shí)需求笨蚁，再進(jìn)入設(shè)計(jì)環(huán)節(jié)。

在這一環(huán)節(jié)趟庄，我通常會整合所有需求方的需求括细。如果無法確定主要需求方，我們可以將所有需求方的需求整理一遍戚啥，找到其中的共同點(diǎn)和矛盾沖突的地方，再召集所有人共同商議確定。

當(dāng)然玻募，在產(chǎn)品研發(fā)團(tuán)隊(duì)中次和，需求梳理一般是產(chǎn)品經(jīng)理的工作。但作為設(shè)計(jì)環(huán)節(jié)的主要負(fù)責(zé)人拖云，參與需求梳理可以讓自己更加直觀地理解需求贷笛，設(shè)計(jì)工作也可以更加順利推進(jìn)。

2宙项、尋找合適的協(xié)作工具

以我的團(tuán)隊(duì)為例乏苦，設(shè)計(jì)師最常用的設(shè)計(jì)工具是PS和Sketch，在Figma火了之后尤筐，也有一些小伙伴轉(zhuǎn)戰(zhàn)Figma邑贴。使用不同設(shè)計(jì)工具，不僅存在兼容性問題叔磷，網(wǎng)絡(luò)限制拢驾、設(shè)備限制等問題都讓人苦不堪言，設(shè)計(jì)師交流全靠截圖改基，仿佛回到了“原始社會”繁疤。

為了解決這個(gè)問題，我們嘗試了很多工具秕狰，最后選擇了國產(chǎn)工具摹客作為我們的協(xié)作“根據(jù)地”稠腊。當(dāng)時(shí)主要是因?yàn)閲鴥?nèi)協(xié)作平臺只有摹客支持交付Figma設(shè)計(jì)稿，但用了一段時(shí)間發(fā)現(xiàn)鸣哀，摹客的寶藏功能遠(yuǎn)不止上傳和分享設(shè)計(jì)稿架忌。

1.在線審閱設(shè)計(jì)稿：設(shè)計(jì)稿上傳后，團(tuán)隊(duì)成員可以直接在設(shè)計(jì)稿上打點(diǎn)評論我衬，反饋意見叹放。這個(gè)功能對于我們接下來要講的“簡化設(shè)計(jì)審核流程”來說非常重要饰恕。

2.版本對比和管理：設(shè)計(jì)稿修改后可以直接同步，同時(shí)摹客會自動生成歷史版本井仰，可以隨時(shí)查看不同版本埋嵌，還可以直接在摹客對比不同版本之間的異同，檢查是否存在問題俱恶。

3.制作高保真交互：用PS雹嗦、Sketch、Adobe XD合是、Figma完成設(shè)計(jì)稿并上傳后了罪，可以在摹客快速將設(shè)計(jì)稿轉(zhuǎn)化為可交互的高保真原型，不需要再單獨(dú)制作高保真聪全。

4.快速交付設(shè)計(jì)稿：摹客的智能標(biāo)注方式可以準(zhǔn)確傳達(dá)設(shè)計(jì)規(guī)范捶惜，同時(shí)開發(fā)工程師也可以自主獲取不同平臺尺寸的切圖，因此設(shè)計(jì)師在定稿后可以直接交付荔烧，這一點(diǎn)我們在后面的開發(fā)環(huán)節(jié)詳細(xì)介紹吱七。

3、簡化設(shè)計(jì)審核流程

在原來的工作流程中鹤竭，重要設(shè)計(jì)稿需要經(jīng)過多人審核踊餐，那么就會出現(xiàn)這樣的問題：A審?fù)暝O(shè)計(jì)稿并提出修改意見，我們根據(jù)意見進(jìn)行修改后發(fā)給B審核臀稚，結(jié)果B完全不贊同A的評審意見吝岭，并要求全部改回來，如果后續(xù)還有CDEF吧寺，那么恭喜你窜管，即使是一個(gè)靜態(tài)頁面，你也極有可能會經(jīng)歷涂涂改改的一個(gè)月稚机。

如何簡化設(shè)計(jì)審核流程，杜絕上述情況發(fā)生赖条？我們依然可以用摹客來解決。摹客最大的特點(diǎn)是它設(shè)定的工作流程非常靈活纬乍，并不是一環(huán)接著一環(huán)的單線推進(jìn)碱茁，而是支持多人同時(shí)在不同環(huán)節(jié)進(jìn)行協(xié)作仿贬。

以設(shè)計(jì)稿評審環(huán)節(jié)為例，摹客提供了多種評審工具，參與審核的成員可以同時(shí)對設(shè)計(jì)稿進(jìn)行打點(diǎn)評論聋袋，也可以查看和回復(fù)其他人的評論內(nèi)容。設(shè)計(jì)師只需要根據(jù)所有成員的最終評審意見逐條進(jìn)行修改即可舱馅。修改后還可以直接更新評論的解決狀態(tài)缰泡，二次評審時(shí)其他成員可以根據(jù)評論來對照檢查，問題就這樣迎刃而解棘钞，效率自然也就大大提升。

提升了設(shè)計(jì)環(huán)節(jié)的協(xié)作效率宜猜，接下來我們繼續(xù)來解決開發(fā)環(huán)節(jié)的問題泼返。開發(fā)環(huán)節(jié)提到的三個(gè)針對設(shè)計(jì)師的問題，其實(shí)可以歸類為一個(gè)問題姨拥，即：

如何高效完整交付設(shè)計(jì)稿绅喉？

與開發(fā)工程師的協(xié)作，主要是需要幫助開發(fā)工程師理清產(chǎn)品邏輯叫乌，準(zhǔn)確還原設(shè)計(jì)稿柴罐。要達(dá)到這個(gè)目的，開發(fā)工程師在開發(fā)環(huán)節(jié)就需要查看精準(zhǔn)的UI標(biāo)注和獲得不同平臺的切圖憨奸，如果這一環(huán)節(jié)出現(xiàn)紕漏革屠，一定會影響設(shè)計(jì)的最終呈現(xiàn)效果。

借助合適的交付工具排宰，就能完美解決這個(gè)問題似芝，如上文中提到的摹客。摹客具有強(qiáng)大的設(shè)計(jì)稿智能標(biāo)注板甘、自動切圖及代碼輸出功能党瓮。設(shè)計(jì)師在交付設(shè)計(jì)稿前，只需要使用摹客做到以下幾點(diǎn)盐类，就可以完成一次高質(zhì)量交付麻诀，提升和開發(fā)同事的協(xié)作效率：

1.理清產(chǎn)品邏輯：在交付設(shè)計(jì)稿前，我們可以在摹客的全貌畫板中添加邏輯線和邏輯說明傲醉，開發(fā)工程師只需查看全貌畫板蝇闭，就能快速理解產(chǎn)品業(yè)務(wù)流程和交互邏輯。

2.準(zhǔn)確標(biāo)注：摹客提供了“自動+手動”的智能標(biāo)注模式硬毕，圖層信息和圖層之間的間距等數(shù)據(jù)都可以自動生成呻引，還可以使用手動標(biāo)注功能進(jìn)行補(bǔ)充，相當(dāng)于生成了一個(gè)輕量的開發(fā)文檔吐咳，可以幫助我們準(zhǔn)確傳達(dá)設(shè)計(jì)要求逻悠。

3.標(biāo)記切圖：在上傳設(shè)計(jì)稿前元践，我們需要做好標(biāo)記切圖的工作，上傳到后直接交付給開發(fā)工程師童谒，開發(fā)工程師可以根據(jù)開發(fā)需求单旁，下載不同平臺不同尺寸的切圖，而不用我們一張張切好再打包交付饥伊。

設(shè)計(jì)稿交付后象浑，開發(fā)工程師可以自由查看設(shè)計(jì)稿中的精準(zhǔn)標(biāo)注和圖層標(biāo)記信息，下載使用切圖琅豆，還能直接復(fù)制圖層的樣式代碼愉豺，不僅減輕了設(shè)計(jì)師的負(fù)擔(dān)，也簡化了開發(fā)工程師的工作流程茫因，這才是真正的“有效協(xié)作”蚪拦。

總結(jié)

互聯(lián)網(wǎng)時(shí)代效率為王冻押，提升項(xiàng)目的推進(jìn)效率，就可以擠出更多時(shí)間來創(chuàng)造更大的價(jià)值括袒。想要有效參與團(tuán)隊(duì)協(xié)作狼渊，適合自己團(tuán)隊(duì)的效率工具必不可少，有了工具的協(xié)助城须，脫離了傳統(tǒng)工作方式和繁復(fù)工作流的束縛米苹，自然可以達(dá)到事半功倍的效果。