優設專屬福利！為什么說語雀可能是最好用的設計版本管理工具！

@可樂橙_ColaChan?：這次要介紹的是一款大有來頭的知識協同工具——語雀，出自螞蟻設計團隊，可以用于設計項目的管理與資料沉淀。由于有些便利條件，我所在的團隊早早就用上了，對它再熟悉不過了。語雀向公眾開放有段時間了，之前的版本主要是文檔的協同，這次的更新放出了真正讓設計師如虎添翼的功能。

先講個故事，不知道大家在與開發同學的協作時，是怎么交付設計資料的？會用什么樣的設計管理工具？

簡單粗暴的團隊協作模式我很早以前經歷過，開發和設計之間互相丟文件，結果往往很感人：

“設計稿好了，壓縮包里有標注和切圖。”

“好的”

“設計稿更新了，以這個為準哈。”

“好”

“有個界面重新設計了，還要更新一下，單獨更新了這個界面的切圖。”

“嗯，你這氣泡框里的圖標沒切，給我一下”

“好的，馬上切給你。”

“你這個圖還沒給我啊”

“給你了呀，早晨發你的，里面沒有嗎？”

“沒，來我這看下？”

然后我看到了開發同學的桌面：

設計稿.zip、設計稿(1).zip、設計稿(2).zip、設計稿-20160322.zip、設計稿-20160324.zip、設計稿-20160325.zip……

如果還在用這種方式工作，請立刻做出改變，呵護自己，也呵護所有團隊小伙伴。像這種由信息散落、版本混亂導致的溝通問題，語雀可以妥妥地解決。我們先來看看官方的介紹 。

一、什么是畫板知識庫？

畫板知識庫是語雀推出的第二種類型知識庫，主要為設計師群體提供設計稿服務。通過我們提供的 Sketch 插件，快速將設計稿以及附屬信息上傳到語雀，與團隊成員分享你的設計想法。在線上開展異步設計溝通交流。

1. 新建畫板

畫板是畫板知識庫的一個單元，如果需要管理分享你的圖片，先創建一個畫板。點擊畫板知識庫頂部的新建畫板。 新建畫板以后需要你對畫板進行命名。（通過 Sketch 插件上傳的設計稿，一個 Page 等于一個畫板，同時會同步 Page 名稱）

2. 如何上傳

普通上傳

新建畫板以后，進入畫板。可以點擊右上角的上傳按鈕，也可以直接將圖片拖入到頁面中。

Sketch 上傳

通過 Sketch 插件，選擇對應的 Artboards ，以及對應的語雀知識庫和畫板，點擊上傳即可完成將設計稿、源文件、標注信息、切片自動上傳到語雀畫板中。

3.?如何管理

在畫板中，可以多圖片進行批量操作。同時對單張圖片可以進行替換和獲取原圖。如果需要查看詳情信息，直接點擊圖片進入即可。Sketch 上傳的設計稿會自動到畫板中，最新的設計稿會出現在最后面。如果是覆蓋上傳，設計稿右上角會出現綠點，表示有最新內容更新。如果你需要對圖片進行排序，拖動圖片即可完成。排序后順序會保留，不會隨著 Sketch 的更新而更新。

圖評

進入圖片詳情以后，可以對圖片進行全局評論，將你的設計想法更全面的和團隊成員之間進行分享。成員也可以針對設計稿中某個細節進行評論。評論以后，作者或者訂閱的人可以及時收到對應的通知。

熱區制作

當你想制作一個圖片與另一個圖片的關聯關系的時候，可以使用我們的熱區制作，選擇一個你需要關聯的區域，設置目標頁面。這樣就可以完成一個非常簡單的邏輯原型制作。

標注信息

如果通過 Sketch 插件上傳的設計稿，語雀會自動解析出設計稿中帶的附屬信息。非設計同學可以更加直接的看到相關的設計信息。比如字體的字號、顏色、間距、圖層的樣式。

4. Sketch 插件

如何獲取

新建畫板知識庫以后，知識庫為空的狀態下，會提示下載 Sketch 插件。或者新建畫板以后，進入畫板圖片管理頁面里有插件下載按鈕。

安裝與授權

將下載的 Sketch 壓縮包解壓以后，直接點擊插件即可完成 Sketch 的安裝。安裝以后打開 Sketch ，點擊插件中的工具欄。這個時候你會在 Sketch 的右側看到一個固定的工具條。點擊第一個icon，即可進入授權的入口。點擊后會跳轉到語雀的頁面，確認后完成授權（使用語雀 Sketch 插件需要現有語雀賬戶）。回到 Sketch 即可獲取到你在語雀上的畫板。

授權成功以后需要你選擇對應的空間。

5.?更多介紹

關于更多 Sketch 插件的介紹，點擊查看。

二、用它來干什么

我日常工作中使用語雀的頻率非常高。設計好的 sketch 源文件往里面一丟，每個畫板會自動解析成圖片。圖片可以在線編輯，在圖上畫好熱區，寫上交互注釋，立馬就可以拿去進行設計評審了。如果邏輯復雜，也能給熱區加上鏈接，模擬真實產品的點擊跳轉路徑。

之后發現他們出了sketch 插件，就不用在瀏覽器里上傳源文件了，sketch 里點點鼠標，設計立刻更新到線上。還順便解決了標注的問題，雖然標注類的工具已經很多很方便，不過連這個步驟都能完全省掉，還是蠻開心的。

而我要交付出去的所有東西，就只有一個鏈接。后續的任何設計更新，都體現在這個鏈接里。同名的覆蓋，不同的創建，增量同步。確保所有團隊成員看到的設計都是統一的、最新的。也讓各個設計項目的資料有個集中的歸屬。這樣的工具，能讓設計師專注于真正該關心的體驗問題，價值非凡。

而且別忘了它還有文檔協同功能，同時也是團隊沉淀需求文檔、產品規范、技術資料的地方，可以支撐起團隊的大部分工作事務。

三、福利

最后，上福利。阿里的同學送了200個新鮮熱乎的注冊邀請碼，了解一下？https://yuque.com/yuque/invite/zd2eyk

「設計師管理工具」

• 《5萬+阿里員工使用的在線知識平臺，現在你也可以用了！》
• 《兩分鐘認識一款優雅的圖標管理工具：Nucleo》
• 《這款國人開發的Eagle，堪稱收集和管理素材靈感的最佳利器！》
• 《用標簽代替文件夾！教你更高效的圖片素材管理術》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com