ui-designer-try-using-git-1

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

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

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

最初接触

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

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

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

57e93efb3247106e508a7b86_terminal

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

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

123123123123

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

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

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

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

Git vs Github

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

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

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

整合Git到工作流程的优势

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

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

·Commit(保存改变)
·Push(发送)
·Pull(下载)

快速修改,可视化预览

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

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

123131231231

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

brunch

Git 可以确保安全

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

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

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

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

相同的文件结构

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

你是否使用Sketch?

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

plugin

plugin2

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

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

点赞
收藏 1
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏