藍湖：Sketch和Photoshop 設計圖的「自動標註」被這款設計協作工具「解鎖」了

仔細想想，其實上班是沒那麼累的，最累的是與人溝通。

與部門同事的溝通尚且讓人傷神，更不用說請示上級領導和討好甲方爸爸了。當同事一次又一次地舉著碩大的手指頭給你指哪裡做出了微小的改變的時候，當領導一次又一次地跟你說：「哦文件我找不到了再發我一份吧」的時候，當甲方一次又一次地要你改動，說想要「五彩斑斕的黑色」的時候，你心中回蕩著二（san）十年來學到的所有的髒話，不可遏抑地開始懷疑人生。

藍湖的誕生與團隊協作工具 teambition 很像，是被一群疲於應對低效低能的溝通模式的年輕人搞出來的。藍湖創始人 Roger 告訴動點科技的記者，藍湖在誕生初期，被置於自己團隊內部「後花園」，用於解決溝通問題，隨後「天生麗質難自棄」地在小圈子內被分享開來，直到今天，成為了十一萬名設計師的產品設計協作平台，幫助這些整日與圖文廝混的人降低溝通成本，提升工作效率。

討論設計圖、展示產品設計流程、原型製作，是設計師工作的三個主要場景。藍湖從需求著手，應對三個場景，分別提出了解決方案。

討論設計圖是設計師間協作的必要環節，但手動打標註卻是一件很累人的工作。針對這個問題，藍湖解鎖了「自動標註」的功能，首先享受到這個功能的是用 Sketch 作設計圖的設計師們，無需安裝任何插件，只需下載「藍湖」Mac 端 App，便可實現 Sketch 設計圖的自動標註。

GIF/1520K

然而 Sketch 覆蓋的設計師畢竟是少數，更多的 Photoshop 設計師也希望能儘快用上 Photoshop 的自動標註功能。如今，藍湖已經完成了這一功能的開發，並於今日（6 月 7 日）正式上線。用 Photoshop 作圖的廣大設計師們，只需在 Photoshop 上安裝「藍湖」插件，便可輕鬆完成從 Photoshop 一鍵導出設計圖→自動生成標註→自動共享給團隊→團隊相關成員自動收到提醒等一系列任務，該功能同時支持 Windows 和 Mac 操作系統。

GIF/1921K

「我們的自動標註功能可以完整地將設計圖中每個元素的尺寸、位置、顏色、間距、字型大小等樣式信息自動同步到藍湖，團隊內的工程師等同事可以隨時查看。」Roger 介紹說，如果設計圖出現改動和更新，藍湖也能自動添加新版本。Roger 將它解釋為一種「變手動為自動」的飛躍。

此外，在日常工作中，設計師常常需要向 PM 和工程師展示產品設計流程。藍湖看準這個場景，做出了輔助功能：設計師可以把所有設計圖拖放到一張畫板上，然後根據頁面跳轉關係畫上連線。

GIF/777K

在搜集反饋方面，設計師把設計圖上傳至藍湖後，團隊成員可以點擊大圖進行查看，在有異議的地方打點標記，然後寫下修改建議，@設計師或者其他同事，被@的人會即時收到郵件通知。

GIF/395K

此外，考慮到甲方爸爸難以揣摩，一天三變的心思，藍湖支持設計師快速查看設計圖的各種狀態版本，設計師若將修改後的新設計圖直接上傳，原先的設計圖會自動儲存為歷史版本，該圖的標註圖、引導圖、空白狀態圖等也可以直接添加。

GIF/387K

另外，藍湖支持設計師以更簡單的方式，製作高保真交互原型。

「高保真原型的價值在於，在產品開發前測試產品邏輯，減少產品開發反覆修改的成本，並使產品的演示、講解更加直觀、高效，助力工程師對產品的理解。」Roger 說，但在有藍湖前，製作高保真原型的工作一直都是由設計師來完成。最笨的方法就是用繪圖工具去做，效果是能做出來，但是太耗神，付出與回報不成正比。

應對這一問題，藍湖的團隊研發出了「3 分鐘製作一個高保真交互原型」的功能，「一個跳轉動作只需要兩步：選出跳轉熱區；鏈接跳轉頁面。」Roger 向記者演示，完成的交互原型可以生成鏈接分享給其他同事，並同時支持 PC 端和手機端的演示。

GIF/628K

目前，藍湖已經積累了十一萬註冊用戶。關於盈利模式，藍湖表示當前階段的主要任務還是專註於打磨產品，把用戶體驗做好，未來可能會基於設計師人群做其他商業產品的拓展。

藍湖整體團隊目前不到 20 人，技術人員佔到了 60%左右。目前團隊資金量充沛，暫時沒有融資計劃。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！