来收神器！UI设计师常用的版本控制工具有哪些？

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

@枫之醉语 ：这次来跟大家聊一下 设计师的版本控制软件。适合经常需要改稿的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. 不支持团队协作

私有云：1000起步，搭建技术成本高，放弃。

方案一：如果你有动手能力，并且希望数据能掌握在自己手中，那么Seafile 是一个免费开源且专业可靠的云存储平台软件，能让你自建一个类似Dropbox 功能的私有云存储服务！可以实现文件同步、共享、跨平台访问、团队协作等功能……

具体搭建步骤：Seafile - 自己动手搭建个人/团队/公司专属私有文件同步服务 (云存储网盘)

方案二：NAS搭建。

2. SVN/Git流

老牌SVN：搭建技术成本高，如果用公司内网搭建，不能带回去加班做，放弃。

我一个朋友的公司用SVN不仅管理代码，还管理文档和UI。

1. SVN优缺点

优点：

1、 同步方便，逻辑明确，符合一般人思维习惯。

2、 易于管理，集中式服务器更能保证安全性。

3、 安全协议比较高，比较适合于保密性要求高的公司。

缺点：

1、 服务器压力太大，数据库容量暴增。

2、 必须连网，如果服务器不能连接上，就不能提交，还原，对比等等。

3、 对于设计来说，日积月累之后，所需硬盘空间较大成本较高。

新秀Git：搭建技术成本高，不稳定，放弃

Github原生自带图片对比服务，简直棒呆。。。可是，你懂得。

Git这玩意一来有技术门槛，二来就算你搭建好了也不见得能用（天朝），最后加密需要付费，不知道支不支持支付宝和微信（hiahia，我肯定想多了。）

3. 设计专用版本控制方案：

国内：

Designboard（公司已关闭，无法使用）

来张图片：

白板：可以注册，只有web端，没有客户端，放弃

轻度体验用户，只上传了几张图片体验了一下，网页端支持文件分享，文件版本记录，在打开详情后，可以选择1倍图，2倍图，总体体验ok

Folio

49刀买断，只能在Mac上用，放弃

我自己选择的方案，仅供参考：

坚果云

支持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打死也不改.psd
xxx我保证这是最后一版.psd
xxx再改我去死.psd

世界清净了，终于可以只关注设计本身，其他的事情都交给工具去解决吧。

「优设高人气PS教程合集」

绘制漂亮的渐变图标：
《PS教程！教你绘制超漂亮的渐变按钮图标》

Q版卡通形象：
《热门教程！手把手教你把真人变成Q版卡通形象》

PS抠图神器！
《PS抠图神器！两个实例帮你彻底掌握「调整边缘」的逆天功能》

原文地址：zhihu

【木子设计网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：https://www.muzisucai.com/。
设计微博：拥有粉丝量150万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/