Git

Git 对设计和开发最大的帮助就是同步设计切图资源,设计师在自己电脑创建一个文件夹同步到 Git 上,持续的往这个文件夹「增删改」资源,然后 Push到工程师那边,对方 Pull 一下就可以完成设计资源的交付。

有些团队是在用 InVision Sync 文件夹,其实本质跟共享同步一个 Dropbox 文件夹差不多。对比git如下:

  • git拥有版本控制能力,可以利用分支保护不同版本文件,并且分支控制简便;反观InVison需要重新命名目录进行管理,完全手动保护。
  • git支持终端命令行,更适合GD在不同项目中使用,可以对接创意编程开发团队
  • git完全免费

Gitflow

Gitflow示意图

以下为GD标准Gitflow工作流的设计师版

  1. Branch & Commit B设计师提出对A设计师的修改意见并着手进行修改,创立分支并提交自己的修改Commit,这个分支使得源文件不被篡改
  2. Pull Request 修改完成后,B设计师提出Pull Request,准备替换先前的分支
  3. Review AB设计师共同评估新的设计,再次提出修改意见
  4. Modify 改进设计,重新提交Pull Request
  5. Merge AB评估完认定满意之后,进行合并,替换原有文件,完成设计改进
  6. Everyone Update 此时开发组便会发现设计稿有更新,便可以自动更新最新版本的设计稿,并顺利应用

Viewing differences

Github已经充分靠考虑到方便的比较不同版本的设计。并制作出如下工具

  • 仓库图片直接预览

  • 2-up,直观对比不同版本的相同图片文件,如果尺寸不同,也会按照实际比例展现尺寸的差异

  • Swipe,通过side by side的方式来预览,如果你想比较细微颜色改进在不同版本中的效果,可以调整分割线来详细对比

  • Onion skin, 实现crossfader的效果,可以比较经过删改的不同版本