設(shè)計協(xié)作的發(fā)展歷程
回顧生產(chǎn)方式的發(fā)展歷史，我們可以窺探到團隊協(xié)作的變化。青銅器時代是以人力為主的作坊式手工生產(chǎn)。到 18 世紀 60 年代的第一次工業(yè)革命，機器生產(chǎn)逐漸代替人力生產(chǎn)。再到一戰(zhàn)后，美國人福特（Henry Ford）和通用汽車的斯隆（Alfred Solon），將歐洲人創(chuàng)造的技藝性生產(chǎn)方式改為流水線、大批量生產(chǎn)方式，使制造業(yè)發(fā)生革命性變化。
從發(fā)展歷程看出，不同時代基于生產(chǎn)目標(biāo)，會發(fā)展出相應(yīng)的生產(chǎn)工具和協(xié)作方式來解決團隊的生產(chǎn)效率和質(zhì)量問題。
著眼當(dāng)下，現(xiàn)代互聯(lián)網(wǎng)科技高速發(fā)展，軟件生產(chǎn)團隊隨之快速擴大。根據(jù)艾瑞網(wǎng)2021年《中國協(xié)同辦公市場研究報告》顯示，2020 年中國的協(xié)同市場增速達到 43.5%。市場上出現(xiàn)了數(shù)以萬計的協(xié)同產(chǎn)品希望解決團隊中的協(xié)作效率、項目管理等問題。
在產(chǎn)研協(xié)作流程中，和設(shè)計師關(guān)系更加密切的設(shè)計協(xié)作發(fā)展如何？
在這篇文章中，通過觀察設(shè)計工具的變化，我分別從生產(chǎn)創(chuàng)作、設(shè)計評審、資源管理三個維度來分析其發(fā)展歷程。
f
第一階段：通用單體工具 —— Photoshop / Adobe Illustrator
這個階段互聯(lián)網(wǎng)剛剛起步，出現(xiàn)了用于完成精細化圖像設(shè)計的工具。在 1990 年 2 月，Photoshop 的 1.0 版本正式發(fā)布。Photoshop 是一款位圖編輯軟件，主要處理以像素所構(gòu)成的數(shù)字圖像。因其豐富強大的圖像編輯繪制功能，當(dāng)時被廣泛應(yīng)用于各行各業(yè)，如早期 PC 端網(wǎng)頁的 UI 設(shè)計、門戶網(wǎng)站運營圖設(shè)計、廣告海報設(shè)計、照片后期處理等。
當(dāng) Photoshop 和 Adobe Illustrator 被廣泛的應(yīng)用時也暴露出明顯的體驗問題。如，設(shè)計師交付時需要手動標(biāo)注和切圖。線下設(shè)計評審的方式，需要預(yù)定會議室、協(xié)調(diào)參會人時間，效率極低。還有一種常見評審場景，幾位同學(xué)圍著一位設(shè)計師的電腦屏幕發(fā)表意見。這樣雖然信息傳遞很直接，但也嚴重影響了設(shè)計師的工作體驗。
第一階段的創(chuàng)作、評審、管理資源的效率提升空間很大，隨著互聯(lián)網(wǎng)的發(fā)展上述問題影響范圍也隨之?dāng)U大。
2010 年后大而全的工具已經(jīng)無法滿足設(shè)計生產(chǎn)需求，針對 UI 領(lǐng)域垂直化工具開始替代傳統(tǒng)設(shè)計工具，出現(xiàn)了細分垂直領(lǐng)域的設(shè)計工具 Sketch，Zeplin。
首先在生產(chǎn)創(chuàng)作方面，Sketch 相比 Photoshop 體量更小、占用內(nèi)存更少、響應(yīng)速度更快，這些特點讓設(shè)計師們逐漸從 Photoshop 切換到 Sketch。將 Sketch 創(chuàng)作的設(shè)計稿上傳到 Zeplin，可以省去手動標(biāo)注切圖的工作，這對設(shè)計師生產(chǎn)力的釋放無疑是巨大的。不過，Zeplin 本地安裝的方式以及操作流暢度等問題，依然阻礙團隊協(xié)作效率的提升。
到第三階段，互聯(lián)網(wǎng)企業(yè)規(guī)模繼續(xù)擴大，去中心化的組織結(jié)構(gòu)要求工具不再受平臺和系統(tǒng)限制，以 Figma、MasterGo 為標(biāo)桿的在線多人實時協(xié)作工具應(yīng)運而生。（下文以 MasterGo 為代表進行闡述。）
MasterGo 通過將工具云端化，把剛剛我們談到的生產(chǎn)創(chuàng)作、評審、資源管理融合。對于設(shè)計師而言，在線創(chuàng)作后只需要生成一個分享鏈接，團隊成員即可獲取到最新設(shè)計稿，節(jié)省之前反復(fù)修改上傳操作；不再需要手動標(biāo)注切圖，這些功能對于設(shè)計生產(chǎn)力釋放無疑是巨大的。
同時，MasterGo 相比 Sketch 更輕量、響應(yīng)更快，這也是其獲得更多設(shè)計師親睞的原因。對于團隊，設(shè)計評審不再是一件繁瑣耗時的工作，評審人可以根據(jù)自己的安排隨時在線評審，提出修改意見。
在線的方式，保證了項目信息的互通性，每位成員得到的信息是一致的，最新的，打破了團隊成員之間存在的信息壁壘。
第四階段：產(chǎn)研協(xié)同平臺 —— 藍湖
國內(nèi)產(chǎn)研協(xié)作的痛點問題
目前國內(nèi)產(chǎn)研團隊的協(xié)作模型是怎樣的呢？根據(jù)調(diào)研，大部分團隊處于瀑布式開發(fā)或敏捷式開發(fā)方式。
產(chǎn)品經(jīng)理寫完需求文檔分享到團隊內(nèi)部溝通群中，團隊成員在 IM 中提出修改意見，或者線下會議評審。產(chǎn)品文檔定稿后，設(shè)計師根據(jù)產(chǎn)品文檔輸出設(shè)計稿，并進行設(shè)計評審。之后進入研發(fā)階段，研發(fā)完成后進行上線前驗收，最后灰度上線。
在這樣的產(chǎn)研流程中，存在非常明顯的幾點問題：
1、項目過程文件割裂，溝通信息流轉(zhuǎn)失真
2、產(chǎn)品文檔設(shè)計圖評審體驗差
3、低效的手動標(biāo)注切圖
一站式產(chǎn)研協(xié)作云平臺
藍湖作為一站式產(chǎn)研協(xié)作云平臺，是如何解決這些問題呢？
藍湖最初被大家認可是因為高效的自動標(biāo)注切圖功能。不過，除了大家直接使用到的工具屬性外，藍湖更重要的是作為工具背后的高效協(xié)作和管理的理念。
1、產(chǎn)研團隊資源整合
當(dāng)前藍湖集中解決產(chǎn)品文檔與設(shè)計稿的整合，即產(chǎn)品經(jīng)理可以上傳 Axure、word、PDF、PPT 等文檔到藍湖項目中，設(shè)計師也可以把項目的 Sketch 、Photoshop、Xd 設(shè)計稿上傳，這樣每個團隊成員可以在藍湖一個平臺上基于輸出文檔和設(shè)計稿無障礙的溝通協(xié)作。
2、產(chǎn)品文檔、設(shè)計文件在線協(xié)作評審
設(shè)計師將 Sketch 、Photoshop、Xd 的設(shè)計稿上傳到藍湖后，團隊成員可以在線評審，減少線下低效會議。同時線上評審可以精確到設(shè)計稿的具體某一點提出意見，信息傳遞更精準，評審環(huán)節(jié)更高效也更友好。
3、設(shè)計稿自動標(biāo)注切圖，自動生成代碼
協(xié)作與藍湖的未來
未來的協(xié)作趨勢是融合的，藍湖也在持續(xù)探索最佳的設(shè)計協(xié)作方式，不斷打破工具的邊界，進一步解決產(chǎn)品研發(fā)協(xié)作效率。
藍湖未來不僅會在設(shè)計協(xié)作每個節(jié)點滲透更深入，提供更多最佳實踐。同時會在文檔協(xié)作、項目管理、設(shè)計創(chuàng)作等多個環(huán)節(jié)提供解決方案。歡迎大家持續(xù)關(guān)注藍湖～
期待我的分享能對你有幫助，更期待我們能在藍湖相遇。
原文地址：藍湖產(chǎn)品設(shè)計協(xié)作（公眾號）
作者：藍湖產(chǎn)品設(shè)計協(xié)作
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》藍湖產(chǎn)品經(jīng)理：產(chǎn)品設(shè)計協(xié)作的前世今生
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.lzhte.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)