纳金网

标题: UI设计师设计稿版本控制实操，GGG搞得飞起 [打印本页]

作者: 五十六个民族 时间: 2017-4-25 17:43
标题: UI设计师设计稿版本控制实操，GGG搞得飞起
Git 对于产品设计而言，是一个不错的协作平台。它拥有极大的潜力，甚至能够同营销团队联动。产品需求文档、文案以及其他工作文档都能够借助Git 构建库，达到很好的效果

准备工作（啥都不管先下载，再说其他的）
1、Gitlab账号或者GitHub账号，（自行Google）
2、MACOS 系统（你需要一台mac）
3、Git 服务下载链接：https://git-scm.com/downloads/
   Git大文档存储服务下载链接：https://git-lfs.github.com/
3、Sketch软件，https://www.sketchapp.com/
   SourceTree软件，下载链接：https://www.sourcetreeapp.com/
   Folio软件，下载链接：http://folioformac.com/
4、Sketch Git插件：https://github.com/mathieudutour/git-sketch-plugin
   （已下载好的软件包在附件内）
开始搞（步骤）：
一、git安装（运行环境）
Git 是一个版本控制系统，所有的文档和历史版本都将会被备份起来，永远不会丢失。作为一个公具，跟 Java 类似，使用之前必须得先下载安装，所以必须要先安装，Mac 上系统自带 Git 的，不过可以更新一下最新版本，点击安装，搞定。
Git-lfs 服务是Git提供的大文档存储服务，主要针对设计师动辄上百MB的.psd文件或者.sketch文件等，避免痛苦的上传过程，我们应当尽量精简.psd或.sketch文档的大小。最好能拆分成多个文件，多个轻量级的文件对于工作流程的敏捷开发更有意义。

打开你的终端测试一下：终端（应用程序>其他>终端）
输入：git
……
Git基础知识（猴子都能懂得Git入门）：http://backlogtool.com/git-guide/cn/
二、Gitlab（远端仓库）或者Github（全球最大同性交友平台）
git的版本控制可以在本地进行，但是推送到远程服务器（局域网内建也可）之后其实有更优化的版本视觉对比。现有的主要的Git托管库有两个一个是Github，一个是Gitlab，如果自己公司有公共库可以找开发个你弄个权限，我这里是用的是Gitlab的服务。

1：创建账号
2：创建仓库
3：获得仓库的源URL（在仓库配置信息内查看）：git@gitlab.com:zhangruisheng/MONK.git

三、Git本地仓库与Gitlab的通讯建立
首先我们得创建一个ssh key，这个key在github.com中个人设置中是要用到的，创建方法如下：
在终端内输入：
   ssh-keygen -t rsa -C "zhangruisheng@outlook.com”
（红色替换成你的邮箱）
然后跟据提示输入密码即可创建，如果没有改默认路径的话，生成的文件在~/.ssh/id_rsa.pub这个文件中。
   cd ～／.ssh
   vi id_rsa.pub
将id_rsa.pub内的密钥信息复制添加到 Gitlab的配置信息内，就可以实现通讯了。

四、Sketch git插件
使用的是git-sketch-plugin的插件，由开发者mathieudutour开发，项目在github开源，可以持续关注一下，它可以帮你从Sketch 直接提交文档的更新。它还可以帮你生成一个缩略图，方便你在浏览的时候能够更加轻松的分辨。
github链接：https://github.com/mathieudutour/git-sketch-plugin

使用方法，可以查看插件文档内的的说明或者问我哈，这里不细说了

五、SourceTree的使用
简单说就是Git的可视化操作窗口，可一更方便的管理、查看的你的文档
首先把gitlab上创建的库clone下来吧，

然后你就可以快乐的玩耍了，，，，
sketch，，，，，
设计设计设计……
Add file to git
……
New Branch
……
Commit
……
Push

六、Folio

欢迎光临纳金网 (http://go.narkii.com/club/)