IT培训-高端面授IT培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 国家级
    全民数字素养与技能培训基地
  • 河南省
    第一批产教融合型企业建设培育单位
  • 郑州市
    数字技能人才(码农)培养评价联盟

专为设计师打造的Github神器

  • 发布时间:
    2016-10-10
  • 版权所有:
    云和教育
  • 分享:

编者按:今天看到@Akane_Lee 妹子写了一篇心愿文,特别有意思,如果哪天有专为设计师打造的Github神器,那设计师们最期待的这些心愿都可以了结咯。如果你看完作者的心愿单,发现有类似神器,那就大声说出来吧。

群里来了位「全端」,一入群就在讨论版本控管这件事。我的 Git 虽然不敢说熟,好歹也懂 Push 和 Pull、发生冲突怎么解决,多少还能和 RD 杠两句,不然依 RD 开口就是满天术语、根本无视对方听不听得懂的习性,群里的气氛会结冻…

关于版本控管,先拆几个部份来说,基于我是设计师,会从设计师也能懂的角度出发,专业 RD 请别来砸门…

工程师的版本控管

通常设计师都是单打独斗,不太常遇到多人共同维护一个原始档。但这对工程师来说却是基本配备。

举例:一个网页同时有新闻系统、购物车系统、会员系统,分别由 3 位 RD 负责。

网站要改版了,3 位 RD 会同时动到同一个网页档案,做会员系统的第一个把网页改好上传,之后做购物车的再上传档案、就把同事已写好的档案盖掉了呀!

而且万一档案改来改去、改烂掉了怎么办?当然需要备份功能。

所以有了 Git 。

Git 是个版本控管软件,能够让多人同时编辑同一个档案、不怕写好的档案被盖掉,或是出意外需要把备份拿出来用。详情见 Git-维基百科猴子都能懂的GIT入门 <<想出这名字的 Planner 真该被嘉奖!

Gitlab 和 Github 是提供 Git 服务的平台。将档案上传到平台、透过 Git 软件,就能让多人同时编辑。

想学习的同学推荐:《超方便!专为设计师而写的GITHUB快速入门教程》

超方便!专为设计师而写的GitHub快速入门教程

设计师为什么需要版本控管?

备份

回到设计师身上,设计师同样需要版本控管,尤其时一稿 20 改的时候。不知道改去第几版时突然有人说「还是第 16 稿好看」…谁知道第 16 稿长啥样?

多人维护

多人维护一个稿件的情况也是有可能会发生,比如设计规范,或是该系列产品线众多,iOS App、Android App、Mac、PC、Web,不能同时全交给一位设计师顶,你猜他多久会甩手不干?

附带:风格一致性

每位设计师的作品风格相差甚大,但在制作同产品时必须统一样式,还需要遵守 PSD 礼仪(blog.akanelee.me)才能让其他共同合作的同事看得懂。

PS礼仪规范白皮书中文版地址:http://hao.uisdc.com/ps

对 RD 来说,PSD 礼仪 中的「图层命名」就是 Naming rule ,要有一致的命名方式才会让人知道这个图层是在做什么,设个变量 A_A、B_B 之类,谁知道这是干嘛,设计师一样会遇到这种问题。

设计师更麻烦的在于抽象的风格要怎么订定规范让大家有个依据。 Material design – Google design guidelines 订定了这么多这么细的规范文文件不是为了显示自己高大上用的,而是让团体作业有个依据,才有办法讨论、分工。这份规范尤其会影响到 F2E 和设计师间的合作。

超方便!专为设计师而写的GitHub快速入门教程

设计师需要的版本控管功能

Git 有人做了外挂可以预览 PSD 档,却要整份档案上传。原始档尺寸都在比大,上传耗时又吃空间,但聊胜于无。

Design File Syncing 这服务提供透过 3 种符号控制图层、群组的预览图和备份。吃很多家

Avocode之前有个活动网页,列出一大堆设计师觉得 Photoshop 的缺点,说推出个服务能改良 PS 的操作体验。其中包含备份到 Dropbox。(功能非常多可以去官网逛逛)

但以上都不是我心目中给设计师用的版本控管。

Git 可以看到档案的编辑纪录,新增哪一行、删除哪一行等一清二楚,对应到设计师身上应该就是「新增哪种图层」、「图层编辑修改哪些部份」,不该只是产生档案的预览图而已。

最好 Push 只要推已变更部份就好,但我想应该很难。

许愿

我期待的设计师专用 Git 能包含下列功能:

Push、Pull

Commit

master、branch

图层变更纪录

冲突提示

检查是否符合 PSD 礼仪

RD 用得到的基本 Git 功能,我都想要。如果已经有这样子的产品麻烦分享一下,找很久没爬到。谢谢。

【设计师年度必备神器人气榜】

Top 3:帮你快速搞定参考线!老品牌了

《PS 参考线插件GUIDEGUIDE下载及使用说明》

Top 2:分分钟变成多边形风格!新神器

《这效果超火!教你创建高大上的多边形字体》

Top 1:经久不衰!抠图必备!头发丝都不愁!

《PS抠图神器:KNOCKOUT 2.0汉化版下载及教程》

原文地址:blog.akanelee.me

作者:@Akane_Lee