快上車！UI設計師常用的 版本控制工具有哪些？

這次來跟大家聊一下 設計師的版本控制軟體。

適合對象：經常需要改稿的UI小公舉 以及 折磨小公舉的各位汪星人

閱讀時長：約6分鐘

從三個小故事開講：

場景1:小公舉的27寸iMac 的桌面都不夠塞，桌面經常是一團混亂，各種.PSD .JPEG .AI .Sketch等等各種文件到處放。

場景2:某日小公舉做好了一個版本的UI視覺設計稿，這時候，我就閃亮登場了，於是產品汪和射機獅的日常就開始了：

汪：「這裡往上些，等下，Logo要大，再大，顏色要醒目......對對，就是這樣，這裡這裡，再加一個輸入文字提示吧」

經過1小時的反覆修改後，

汪：「嗯，算了，還是要第一版吧，這樣balabala不好，還是之前的balabala的好看！」......

小公舉此刻內心是崩潰的：

「讓我不停的Ctrl+S之後，竟然讓我回退到第一版本！臣妾做不做呀！！！來，扶我取來本公舉的屠龍寶刀，今天不砍死你，本公舉不吃飯了！！！」

場景3:第二天，我又來提需求了，小公舉學聰明了，不在一個文件裡面不停的Ctrl+S，把每一個大版本都保存下來了，省的做完了再要回退的最初的版本。

於是小公舉就經常這樣命名，畫面太美，我不敢看：

估計以上的三個場景做產品設計的同學基本上都會遇見過吧。

對於設計師而言，雖然可以把設計稿存成好幾個版本，但是字體大小的變化啊，間距的調整呀，按鈕顏色之類的，不可能單獨作為一個版本進行保存的。

隨著項目的推進，文檔的版本更新非常快，如果沒有系統的管理方法，最終的結果往往是陷入混亂。

那麼我們如何處理這些小版本的文件迭代呢?

版本控制！！！版本控制！！！版本控制！！！重要的事情說三遍。

一.什麼是版本控制

版本控制是實現開發團隊並行開發、提高開發效率的基礎。保證在需要時可回到舊的版本，避免文件的丟失、修改的丟失和相互覆蓋，通過對版本庫的訪問控制避免未經授權的訪問和修改，達到有效保護企業軟體資產和知識產權的目的。

來源：百度百科-版本控制解釋

二.理想的版本控制工具應該長這個樣子：

1. 多平台支持，Mac Windows 最低要求，手機APP有木有無所謂，Web有木有也無所謂
2. 支持版本記錄，可以快速回退之前的任一版本

3. 支持團隊協作
4. 文件夾自動同步，修改文件之後，自己的Mac和Windows能同時自動更新，團隊其他成員的文件夾也同步更新
5. 技術門檻低，無腦傻瓜化最好
6. 價格適當，網路穩定

大家可以帶著這六個標準去看下面推薦的軟體，自己選擇適合自己的兵器吧

三.常用版本控制工具盤點

1.網盤/硬碟流 ：

• 百度雲+SVN 診斷結果：30元/月，不支持團隊共享，放棄

優點：

1.多平台支持，Mac Windows APP都有

2.人人基本都有百度雲帳號

3.會員可以保存最近100個版本

缺點：

1.只有開通會員，才能保存最近100個版本

2.不支持團隊協作

百度雲搭建教程：百度雲盤建svn伺服器步驟

• 私有云：1000起步，搭建技術成本高，放棄

方案一：

如果你有動手能力，並且希望數據能掌握在自己手中，那麼Seafile 是一個免費開源且專業可靠的雲存儲平台軟體，能讓你自建一個類似Dropbox 功能的私有雲存儲服務！可以實現文件同步、共享、跨平台訪問、團隊協作等功能……

具體搭建步驟：Seafile - 自己動手搭建個人/團隊/公司專屬私有文件同步服務 (雲存儲網盤)

方案二：

NAS搭建步驟：【極客體驗】我是如何搭建一台NAS的

NAS知乎相關答案：感覺現在的品牌 NAS 性價比較低，有哪些好的 DIY 方案？

2.SVN/Git流：

• 老牌SVN：搭建技術成本高，如果用公司內網搭建，不能帶回去加班做，放棄

我一個朋友的公司用SVN不僅管理代碼，還管理文檔和UI。

1．SVN優缺點

優點：

1、 同步方便，邏輯明確，符合一般人思維習慣。

2、 易於管理，集中式伺服器更能保證安全性。

3、 安全協議比較高，比較適合於保密性要求高的公司。

缺點：

1、 伺服器壓力太大，資料庫容量暴增。

2、 必須連網，如果伺服器不能連接上，就不能提交，還原，對比等等。

3、 對於設計來說，日積月累之後，所需硬碟空間較大成本較高。

• 新秀Git：搭建技術成本高，有時候需要翻牆使用，不穩定，放棄

Github原生自帶圖片對比服務，簡直棒呆。。。可是，你懂得。

Git這玩意一來有技術門檻，二來就算你搭建好了也不見得能用（天朝），最後加密需要付費，不知道支不支持支付寶和微信（hiahia，我肯定想多了。）

3.設計專用 版本控制方案:

國內:

• Designboard（公司已關閉，無法使用）

查看36kr歷史報道：DesignBoard幫助設計團隊進行溝通與版本管理

來張圖片：

• 白板：可以註冊，只有web端，沒有客戶端，放棄

輕度體驗用戶，只上傳了幾張圖片體驗了一下，網頁端支持文件分享，文件版本記錄，在打開詳情後，可以選擇1倍圖，2倍圖，總體體驗ok，詳細介紹：關於白板

國外:

• Folio：49刀買斷，只能在Mac上用，放棄

• Pixelapse：網站本月跑路，放棄

哎，還是看看它的特點吧

在Photoshop裡面保存一下，就立即生效了，看著好像挺棒的，然並卵，反正已經要關了。。。

我自己選擇的方案，僅供參考：

• 堅果云：支持Mac Win iOS/Android Web端 30元每人/月 按需購買

優點：

1.支持Mac Win iOS/Android Web端吐槽一下：Mac上面沒有右鍵菜單，不如Windows上面用著方便Mac上面文件不能顯示同步狀態（同步中或者已完成）如下圖所示

2.快速回退任意版本：三個月內所有版本都會保留，隨時恢復和下載

3.支持Word PPT Excel版本對比

使用姿勢，順手截了一下引導說明：

缺點：

1.30元/月/人，團隊版 五人起賣，要用起來，150/月是必須的。購買之前，新註冊贈送20天體驗時間2.Mac上面沒有右鍵菜單，不如Windows上面用著方便3.Mac上面文件不能顯示同步狀態（同步中或者已完成）如下圖所示

總結：

自從用上圖片版本管理工具之後，

1.本汪和設計小公舉在畫UI的時候，如果要返回到之前版本，小公舉不會殺我了

2.小公舉的電腦桌面終於乾淨了，文件再也不會出現類似

xxx打死也不改.psdxxx我保證這是最後一版.psdxxx再改我去死.psd

世界清凈了，終於可以只關注設計本身，其他的事情都交給工具去解決吧。

當然，以上只是我個人的使用經驗和看法，如果大家有什麼好的圖片版本管理工具也可以私信我。

下篇預告:

「 給設計小公舉安利的小工具：下篇更新 」都是一些小工具，很方便，比如壓縮圖片，圖標一鍵轉換各個尺寸等等，當然也包括一些諸如圖標，素材，圖片下載資源。

相關文章：

產品經理日常使用的工具會有哪些？

UI設計師日常使用的工具會有哪些？（乾貨較多，篇幅特長）

推薦閱讀：