UI设计师设计稿版本控制实操,GGG搞得飞起

原创文章 分类: 经验/观点 版权:
3476 38 19 11
更新于:2017-01-05
0.0
编辑推荐

Git 对于产品设计而言,是一个不错的协作平台。它拥有极大的潜力,甚至能够同营销团队联动。产品需求文档、文案以及其他工作文档都能够借助Git 构建库,达到很好的效果

Image title


准备工作(啥都不管先下载,再说其他的)

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文档的大小。最好能拆分成多个文件,多个轻量级的文件对于工作流程的敏捷开发更有意义。Image title

打开你的终端测试一下:终端(应用程序>其他>终端)

输入:git 

……

Git基础知识(猴子都能懂得Git入门):http://backlogtool.com/git-guide/cn/

二、Gitlab(远端仓库)或者Github(全球最大同性交友平台)

git的版本控制可以在本地进行,但是推送到远程服务器(局域网内建也可)之后其实有更优化的版本视觉对比。现有的主要的Git托管库有两个一个是Github,一个是Gitlab,如果自己公司有公共库可以找开发个你弄个权限,我这里是用的是Gitlab的服务。


Image title

1:创建账号

2:创建仓库

3:获得仓库的源URL(在仓库配置信息内查看):git@gitlab.com:zhangruisheng/MONK.git

Image title三、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的配置信息内,就可以实现通讯了。Image title

四、Sketch git插件


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


github链接:https://github.com/mathieudutour/git-sketch-pluginImage title


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


Image title

五、SourceTree的使用

简单说就是Git的可视化操作窗口,可一更方便的管理、查看的你的文档

首先把gitlab上创建的库clone下来吧,

Image title

然后你就可以快乐的玩耍了,,,,





sketch,,,,,


设计设计设计……

Add file to git

……

New Branch

……

Commit

……

Push

……Image title

六、Folio

更适合设计师使用的客户端

We believe the world would be a better place if designers would collaborate more。

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

Image title

七、搞

Git 对于产品设计而言,是一个不错的协作平台。它拥有极大的潜力,甚至能够同营销团队联动。产品需求文档、文案以及其他工作文档都能够借助Git 构建库,达到很好的协同效果。

作为一个设计,要不断学习,不断优化自己和团队的工作流程。


yoyoyoyooyo!

Image title




MONK_DESIGN

dribbble.com/monkdesigner

1624粉丝/205关注

2016年度最佳作品集TOP50得主原创小生
震源「1.0」-心在一起设计师必需的_纸面原型模版「PDF打印、Sketch文件」

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN