在互联网企业中,从项目开始到项目最终上线的过程中,因为各种原因设计工作中难免出现修改情况,每一次修改就会产生一个版本文件,与之相伴的就是设计文件变多,再加上多个项目的叠加,设计文件就会变得又多又乱,既不方便查找,也不方便后期维护,设计师除了工作内容本身之外还得花费时间在设计文件的版本管理工作上,如果再遇到“还是用回第一稿”的情况,简直是欲哭无泪……

什么是版本管理

我们在开发哥哥那里可能经常听到「版本管理」这个词语,还有「分支代码」、「合并代码」等等,以设计师的工作内容为例,你可能会需要保存项目的交互稿或者视觉稿的所有修改版本,版本管理可以将所有设计稿回溯到之前的一个版本或者某个节点的任意版本;你可以比较设计稿的细节变化,明确知晓修改了某个地方;团队内的设计师可以在任意时间对设计文件毫无顾虑的进行修改,而不会产生副本冲突,版本管理工具会将最终确定的版本合并到 Master,不需要做额外的工作就可以使你的项目文件变的井井有条。

Sketch 自带的版本管理功能

开发哥哥有 GitHub 和 SourceTree 这样的工具来控制项目版本,而设计师只能用创建副本或者是网盘来进行版本管理,Sketch 虽然自带版本管理功能,但是 Sketch 的每次操作都会自动记录一个版本节点,不能控制只记录重要的节点,记录的版本就会特别多,不方便查找;Sketch 版本管理对版本节点无法进行文字信息的备注,在查找历史版本时无法的快速了解这个版本的改动情况。

▲ Sketch 版本管理界面

Abstract-为设计师量身打造的版本管理工具

Abstract 是一个专门针对设计师的版本管理工具,可以非常完整支持 Sketch 文件,包括对 Page 、Artboard 、Symbol 的可视化全局预览。对于设计师来说只要理解 Master、Branch、Commit、Restore、Merge 几个概念就可以很快上手。

Master 作为设计文件的“唯一真相来源”,只能被 Branch,而不能直接被修改,Master 即是起点也是终点;

每一个 Branch 是互相平行的分支,之间互不影响,你可以为一个 Master 创建多个 Branch,最终确定的 Branch 可以 Merge 到 Master;

Branch下面的每一次重要改动可以 Commit 上传形成一个版本,填写好关键节点信息和对应的文字描述;每一次 Commit 形成版本之间可以 Restore 恢复到任一个节点。

基本的原理可以参考下方的图片。

Abstract + Sketch 的使用方法

Abstract 是为设计师量身打造的版本管理工具,使用起来十分的简单,下面我们就通过大家经常在网上看到的一个例子「五步画一匹马」来实践一下。

1、创建项目

▲下载安装好 Abstract 客户端,登录之后点击右上角的「NEW PROJECT」按钮,输入相关信息就可以创建一个新的项目

2、导入或者创建 Sketch 文件

▲项目创建好之后可以选择在项目里创建 Sketch 文件或者导入现有的 Sketch文件

3、创建一个 Branch 分支

在上一步导入 Sketch 文件之后我们就可以创建 Branch 分支了

▲点击右上角的「NEW BRANCH」按钮来创建新的 Branch 分支,在弹窗里输入相关信息,比如我们这次要画一个「素描风格」的马来进行尝试。

4、Commit 提交设计文件的改动

▲点击底部的「Commit Changes」提交每一步的改动

▲在弹窗里输入关键节点信息和简短的描述,每一次的改动都一目了然

▲我们把画马的五步关键节点分别 Commit 提交,在 COMMIT 的标签下会有一条纵向的时间线与之对应

5、Restore 恢复到之前的版本

▲假如这时候项目最终需要第四步这款比较粗犷的风格,我们只需在这一步界面的右上角点击「Restore」就可以恢复到这个版本

6、Merge 合并分支到Master

▲点击右上角的「MERGE BRANCH」按钮来进行分支合并

▲分支合并完成后本分支自动归档,然后就可以去 Master 里查看并导出最终的设计稿了。

Abstract + Sketch 的优势

设计文件管理方便

Abstract 提供了一种「all in one」的方式,告别「 Finder + 文件名」的传统工作方式,项目的设计文件所有的版本和历史改动都已经被有序的储存在 Abstract 的系统中,不需要做额外的设计文件管理;Abstract 里的所有记录都是在云端的,你可以在任何有网络的地方都可以打开你的项目文件。

细节改动清晰明了

Abstract在你提交一次对设计文件新的改动时,必须要求你添加一个对这次改动的简短描述,对每一步的改动了然于胸,还可以看到之前版本和改动后版本的详细对比,可以让你很好的了解项目的前后发展。

历史版本追踪溯源

当项目有较大变动,要把一些文件恢复到上一次改动之前的版本时(比如“还是用回第一稿吧”😂),你可以简单地点几下恢复到之前的版本,会让你的工作变的非常轻松。

团队协作便捷高效

当我们有一个全新的项目需要大家向几个方向发散设计时,每个人都可以在这个项目里各建一个分支分展开工作,可以在 Abstract 里浏览大家的设计文件,可以对画板进行评论和批注,了解大家的设计进度,提高团队内的沟通效率。

结语

Abstract 有个人版和团队版两个版本,个人版完全免费,项目空间容量有 10GB,以每个项目的 Sketch 文件 50 MB来计算,可以支持创建100个左右的项目;团队版按月收费,可以邀请项目相关成员加入,对未合并到 Master 的分支文件画板进行评论和批注,很大的提高了团队的沟通效率。

Abstract + Sketch 可以满足设计师的版本管理需求,有效的提高设计师的工作效率,把我们之前不得不做的繁杂的文件管理工作中解放出来,可以花更多时间在专业领域发挥我们的特长,更加专注在提升用户体验的工作上,大家可以在今后的工作中尝试一下这种新的工作方式,有问题欢迎留言交流,谢谢!