設計協作的發展歷程

回顧生產方式的發展歷史，我們可以窺探到團隊協作的變化。青銅器時代是以人力為主的作坊式手工生產。到 18 世紀 60 年代的第一次工業革命，機器生產逐漸代替人力生產。再到一戰后，美國人福特（Henry Ford）和通用汽車的斯?。ˋlfred Solon），將歐洲人創造的技藝性生產方式改為流水線、大批量生產方式，使制造業發生革命性變化。

從發展歷程看出，不同時代基于生產目標，會發展出相應的生產工具和協作方式來解決團隊的生產效率和質量問題。

著眼當下，現代互聯網科技高速發展，軟件生產團隊隨之快速擴大。根據艾瑞網2021年《中國協同辦公市場研究報告》顯示，2020 年中國的協同市場增速達到 43.5%。市場上出現了數以萬計的協同產品希望解決團隊中的協作效率、項目管理等問題。

在產研協作流程中，和設計師關系更加密切的設計協作發展如何？

在這篇文章中，通過觀察設計工具的變化，我分別從生產創作、設計評審、資源管理三個維度來分析其發展歷程。

f

第一階段：通用單體工具 —— Photoshop / Adobe Illustrator

這個階段互聯網剛剛起步，出現了用于完成精細化圖像設計的工具。在 1990 年 2 月，Photoshop 的 1.0 版本正式發布。Photoshop 是一款位圖編輯軟件，主要處理以像素所構成的數字圖像。因其豐富強大的圖像編輯繪制功能，當時被廣泛應用于各行各業，如早期 PC 端網頁的 UI 設計、門戶網站運營圖設計、廣告海報設計、照片后期處理等。

當 Photoshop 和 Adobe Illustrator 被廣泛的應用時也暴露出明顯的體驗問題。如，設計師交付時需要手動標注和切圖。線下設計評審的方式，需要預定會議室、協調參會人時間，效率極低。還有一種常見評審場景，幾位同學圍著一位設計師的電腦屏幕發表意見。這樣雖然信息傳遞很直接，但也嚴重影響了設計師的工作體驗。

第一階段的創作、評審、管理資源的效率提升空間很大，隨著互聯網的發展上述問題影響范圍也隨之擴大。

2010 年后大而全的工具已經無法滿足設計生產需求，針對 UI 領域垂直化工具開始替代傳統設計工具，出現了細分垂直領域的設計工具 Sketch，Zeplin。

首先在生產創作方面，Sketch 相比 Photoshop 體量更小、占用內存更少、響應速度更快，這些特點讓設計師們逐漸從 Photoshop 切換到 Sketch。將 Sketch 創作的設計稿上傳到 Zeplin，可以省去手動標注切圖的工作，這對設計師生產力的釋放無疑是巨大的。不過，Zeplin 本地安裝的方式以及操作流暢度等問題，依然阻礙團隊協作效率的提升。

到第三階段，互聯網企業規模繼續擴大，去中心化的組織結構要求工具不再受平臺和系統限制，以 Figma、MasterGo 為標桿的在線多人實時協作工具應運而生。（下文以 MasterGo 為代表進行闡述。）

MasterGo 通過將工具云端化，把剛剛我們談到的生產創作、評審、資源管理融合。對于設計師而言，在線創作后只需要生成一個分享鏈接，團隊成員即可獲取到最新設計稿，節省之前反復修改上傳操作；不再需要手動標注切圖，這些功能對于設計生產力釋放無疑是巨大的。

同時，MasterGo 相比 Sketch 更輕量、響應更快，這也是其獲得更多設計師親睞的原因。對于團隊，設計評審不再是一件繁瑣耗時的工作，評審人可以根據自己的安排隨時在線評審，提出修改意見。

在線的方式，保證了項目信息的互通性，每位成員得到的信息是一致的，最新的，打破了團隊成員之間存在的信息壁壘。

第四階段：產研協同平臺 —— 藍湖

國內產研協作的痛點問題

目前國內產研團隊的協作模型是怎樣的呢？根據調研，大部分團隊處于瀑布式開發或敏捷式開發方式。

產品經理寫完需求文檔分享到團隊內部溝通群中，團隊成員在 IM 中提出修改意見，或者線下會議評審。產品文檔定稿后，設計師根據產品文檔輸出設計稿，并進行設計評審。之后進入研發階段，研發完成后進行上線前驗收，最后灰度上線。

在這樣的產研流程中，存在非常明顯的幾點問題：

1、項目過程文件割裂，溝通信息流轉失真

2、產品文檔設計圖評審體驗差

3、低效的手動標注切圖

一站式產研協作云平臺

藍湖作為一站式產研協作云平臺，是如何解決這些問題呢？

藍湖最初被大家認可是因為高效的自動標注切圖功能。不過，除了大家直接使用到的工具屬性外，藍湖更重要的是作為工具背后的高效協作和管理的理念。

1、產研團隊資源整合

當前藍湖集中解決產品文檔與設計稿的整合，即產品經理可以上傳 Axure、word、PDF、PPT 等文檔到藍湖項目中，設計師也可以把項目的 Sketch 、Photoshop、Xd 設計稿上傳，這樣每個團隊成員可以在藍湖一個平臺上基于輸出文檔和設計稿無障礙的溝通協作。

2、產品文檔、設計文件在線協作評審

設計師將 Sketch 、Photoshop、Xd 的設計稿上傳到藍湖后，團隊成員可以在線評審，減少線下低效會議。同時線上評審可以精確到設計稿的具體某一點提出意見，信息傳遞更精準，評審環節更高效也更友好。

3、設計稿自動標注切圖，自動生成代碼

協作與藍湖的未來

未來的協作趨勢是融合的，藍湖也在持續探索最佳的設計協作方式，不斷打破工具的邊界，進一步解決產品研發協作效率。

藍湖未來不僅會在設計協作每個節點滲透更深入，提供更多最佳實踐。同時會在文檔協作、項目管理、設計創作等多個環節提供解決方案。歡迎大家持續關注藍湖～

期待我的分享能對你有幫助，更期待我們能在藍湖相遇。

原文地址：藍湖產品設計協作（公眾號）

作者：藍湖產品設計協作

轉載請注明：學UI網》藍湖產品經理：產品設計協作的前世今生

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務