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