试试看，用Git来做设计文档的版本控制吧！

编者按：好像许多设计师都会谈代码而色变，连同Git和Github 这类工具也敬而远之。然而，对于设计师而言，Git同样是相当实用、甚至可以说是改变设计文档版本控制的重要工具！今天的文章，我们来聊聊Git~

1991年，Linus Torvalds 带来的Linux操作系统彻底改变了操作系统领域的格局，而到了2005年，他的另一项创举彻底改变了如今开发人员的工作方式。作为Linux内核的创建者，Linus 对于开源社区作出了巨大的贡献，对于软件的开发和管理有着深入的理解，他能创建出Git 这样的软件开发版本控制系统也就不奇怪了。

对于如今的软开发者而言，已经很难离开Git了。如果你对于Git 有所了解，就会明白为何它是如此的重要。下面我要说说我和Git之间的故事，一个设计师沉迷Git不可自拔的故事。

最初接触

我第一次看到Git 是在一个网络托管公司的工作室内，当时他们打开终端使用Git 的样子，和电影中黑客的样子并无二致。

那一刻我觉得惊讶而畏惧，这个工作室明显不适合我啊，很自然地我从里面撤出来了。

第二天，一个同事开始教我使用Git，作为一个设计师，我感觉这个事情完全超出了计划。我对灯发誓，从我祖上到我头上就没人用过这玩意。

作为一名惯于使用Photoshop的设计师，对于终端我有着天然的畏惧。

不得已，同事为我深入介绍了Git的优势所在，强力安利我尝试一下这套系统。很多东西的确是得在尝试之后才有所体会。Git 系统的流畅令人惊讶，界面看起来也并不难看。自然而然地我就入了Git的坑。

所以，克服一下对终端的畏惧，听我为你详细介绍一下Git吧，它确实值得你去了解、使用。

所以……先说回这个“漂亮的界面”吧。看起来功能很强大？然而实际上你日常只会用到其中的两个按钮。那么除此之外，你还要用到什么？

它会帮你生成代码库的快照，这样一来，你可以更加便捷地同其他的开发者一起协同。这样的机制让所有人都可以清晰地回顾之前的改变，甚至于回滚到上一个版本。同样的，你还可以保持之前的代码不变，创建新的分支。

“一般说来，Git 让你的项目不会被轻易搞砸。”

Git vs Github

Git 和 Github 是两回事，千万不要混淆。也许你已经接触过GitHub，看过相应的介绍。它确实相当的强大，甚至达到了某种意义上的极致。但是，GitHbu 是一个为开发者准备的平台，他们在GitHub 的平台上发布他们开发的作品。而Git 则完全不同：

“Git 是一个版本管理系统。”

Git 和GitHub 完全不同，它是开发者工作流程的核心部分，Git 让整个开发体系能够正常的推进，出现问题的时候可以随时回到上一个版本，帮助团队成员追溯开发过程中出现的问题。

整合Git到工作流程的优势

如果你想了解一些Git的基本入门和安装、测试的知识，看这两个网站就可以：rogerdudler、git-scm。如果你去问做开发的同事，他们会很高兴你能对Git产生兴趣，并且乐于为你介绍关于Git的一切。

当你完成基本设置之后，你需要知道三个基本的命令：

·Commit（保存改变）
·Push（发送）
·Pull（下载）

快速修改，可视化预览

作为一个版本控制工具，Git 不仅能控制代码的版本，而且能够对于设计稿的版本更新进行跟踪。现如今，要对文档和素材保持高度的组织性，已经是相当难的事情了，尤其是当版本修订超过第五版之后，很容易出问题。

我想你已经无数次看到这样的情况了吧：

所以，你需要Git 来帮你进行更新吧。当你的设计开始发生变化的时候，可以从主要更新线路上分出一个分支出来，这个分支独立于主干之外，单独进行更新，你可以在历史的可视化的界面中预览、查看并进行修改。当你提交的时候，应当在说明当中针对变化进行完整的描述。如果没有这个，请务必不要提交，否则你将难以跟踪整个版本的变化。

Git 可以确保安全

意外地删除了错误的文件是常会发生的事情，但是有了Github 之后，这种事情永远不会发生。所有的文档和历史版本都会被备份起来，永远不会丢失。

不过，对于开发者而言，同步文档并不难，一个100k 的 .php 文件是很轻松的事情，但是一个1GB的PSD文档就是另外一种情况了，可能你永远都不会上传成功。

但是，解决方案是存在的。

你可以通过集成Git大文档存储服务来避免痛苦的上传过程，同时，你也应当尽量精简PSD和Sketch文档的大小。如果能够拆分成多个文件就最好了。我知道，你想尽量在一个文档当中保留多个画板和图层，但是多个轻量级的文件对于工作流程加速更有意义。

相同的文件结构

通过设置基本的结构，确保你的素材能够同步更新。如果你不知道如何同你的开发团队保持一致，不妨了解一下他们的文件机构的设定，文件命名的规则。比如图标的名称命名为“icon-kitty.png”，又或者按钮的状态描述为“button-getmecoffee-hover”等等等等。

你是否使用Sketch？

如果你使用Sketch，那么你可以使用这个插件。它可以帮你从Sketch 直接提交文档的更新。它还可以帮你生成一个缩略图，方便你在浏览的时候能够更加轻松的分辨。

对于Mac用户而言，Folio 可以更加轻松地创建Git 仓库，并让你便捷的浏览所有的素材，同其他人进行协同。如果你更新的是Sketch 文档的话，Folio 能够自动的帮你更新（提交并推送）。它还会将所有版本的文档都保存一份，确保你能够完全地管控。不过由于它不会添加文件夹，所有的文件都放在一个文件夹里面组成一个库。

上手试试吧！

对于如今的开发者和设计师而言，混乱绝对是最不能忍受的事情。无论是代码还是设计稿，版本控制混乱都是灾难性的。这也是为什么，如今的开发者几乎完全无法离开Git。

对于设计师而言，更改的同样是痛苦的，尤其是在敏捷团队当中。针对设计师的版本控制方案有很多，但是最终能够同开发团队协同起来的方案，并不多。

而Git 对于产品团队而言，是一个绝佳的协作平台。它拥有极大的潜力，甚至能够同营销团队联动。产品经理、文案以及其他的创意工作者都能够借助Git 构建泛用型数据库，很好的协同起来。合理的选取工具，你甚至不需要学习什么代码知识都可以着手参与进来。不过Git的学习曲线确实比较陡峭，尤其是对于敏捷团队中的创意工作者而言。如果没有没时间去学会所有的保存和发送的技巧，那么尽量让你的设计修改和素材与Avocode同步。

总之，我希望你至少试图好好探索一下Git，即使你不会使用，也至少将这种思路带给你的产品团队，或者提供可行的思路，优化工作流程。

【Nick Babich 的用户体验设计经验之谈】

1. 输入框设计：《讲真，你真的懂得文本输入框设计的那些潜规则么？》
2. 表单设计：《抠细节！设计高效好用表单的10个技巧》
3. 极简APP UI：《超赞！帮你打造极简风APP UI 的实用设计技巧》
4. 前端开发：《有法可依！帮你衡量一个动效是否合格的六个核心因素》
5. 面包屑：《并不简单！网页中为你指路的面包屑到底应当怎么使用？》
6. 移动端页面：《跟着建议走！这样的移动端网站设计才对头》

原文地址：Avocode
原文作者：Slavo Glinsky
优设译文：@陈子木

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

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