原文链接:The definitive design workflow: Abstract app
原文作者:Vitor Guerra
昨天,Abstract推出了他们的公共测试版,这也许会改变很多设计团队的工作方式。
在这之前…你是什么样的设计师呢?
像这些:
style-guide_v.3.2.1
styleguide-final-v2-really_final
header_03; footer_01; home_18
style-guide
other
不得不承认,我们大多曾是“myfile_final_03”
我相信每个设计师都会有一个名叫“something_final”,或者“something_final_03”的文件,对吧?
这并没有什么问题,但是如果你直到今天还在这样处理文件,或许就不太好了。
这也是我们为了革新项目管理,推出“Abstract”的初衷。
直到“昨天”,我是如何管理文件的
作为Reclame AQUI(巴西最大的网站之一,每月超过1600w的访问)的产品设计师,扮演的其中一个角色就是向设计团队提供指导,了解如何组织和记录我们的工作。我从事设计工作15年了,我尝试了许多不同的方法。
Dropbox云端同步文件
通过产品>项目>文件的组织来生成目录
我们只使用Sketch
集中的style guides在一个文件,通过许多团队成员来更新
但是没人能同时在一个文件上工作,当文件更新后,一个人向其他人告知,文件被更新了,以便每个人都能知道它,并作为新的版本保存(例如从v3到v4)。
在与设计团队的协作过程中,我最近的失败尝试是通过Invision’s Craft来管理文件库-但是因为同步过程中存在bug,使得设计师无法在同一个库中工作-UXPin Systems,也有一个共享库的工具,但是也不够完整。
我也尝试了许多能够带来提升的插件,连接Sketch和Git:git-sketch-plugin 和SketchGit。我依然没有找到一个很好的解决方法。因为Git没办法读取Sketch文件,并不能正确的理解这些更改。
我也很喜欢Figma和Adobe XD在团队工作中的应用,同步文件和版本控制的方法,但是我仍然不想把工作流迁移到另外一个工具上。
“开发者思维”
我们的开发者朋友,是如何在一个团队,一个大型项目中去和谐的同步同一套代码和谐工作的呢?
我相信在过去的几年里,设计师在她们的工作流程中没有很大的进展,在我和我朋友的交流中(特别是广告和UI),总是做着“复制/粘贴”,“另存为…...”,v1 v2 v3,final,final2,这样的工作让人抓狂。
开发者几年前的概念现在开始引入到了设计者的工作中。例如,原子设计逻辑,虚拟对象构建,文件版本控制和团队工作逻辑。
设计过程
在一个设计项目中有两种流行的方法:
主文件
一个单独的文件来管理整个项目。例如,在app的设计中,它可以是Sketch文件,包含了全部的画板,还有每一页的symbols。
分散的文件
许多文件共同组成了项目。例如,一个主页的Sketch文件,另一个是登录页的文件,另一个作为style guide。
两种方法都各有优劣。我个人在不同的项目中使用这两种方法,现在我通常是使用一个主文件。
重要的一点是,我管理的是一个指定的项目,一个iOS app,一个Android app,一个网站,一个登录页等等,意味着每个项目都有一个主文件。
当然,你也可以通过其他方法来管理一个项目,但这都不是重点。
Abstract可以做什么?
文件控制
忘了去将文件保存到硬盘,内网,或是Dropbox的方法吧。所有东西都可以保存到Abstract上,思维模式会发生变化,你不需要知道它在哪,一样可以进行工作。
当它们通过Abstract打开时,它们会下载并存储在一个临时文件夹中。当你提交更新后,Sketch会自动关闭这个文件。
版本控制
你只需要工作,Abstract负责控制版本。
当你从中打开一个文件,所有的变更都会被自动记录。如果你需要返回到一个旧版本,东西都会被存在云端。
变更控制
所有的变更都会提交给需要review的人。这很不错。
你只需要分析变更内容,批准或者拒绝更改。如果有项目冲突,选择你需要的那一个。
此外,还有一个内部评论系统,并且与Slack集成。
它解决了什么问题?
试想一下这样的场景:
1.你是一名设计者,你与其他人一起为一款app设计
2.这里有一个主文件包含了所有app的界面
3.其中有一页是你的style guide
4.有人需要为app设计新的支付界面
5.需要重新设计所有的app图标
6.有人需要做一个B版本的产品界面
如果没有一个版本控制,每个人参与设计的时候都进行一个v版本的保存,这个主文件会变得越来越臃肿。
而通过Abstract可以很好的解决这个问题,我们在测试版本的使用中,文件从没有大于过100mb。
虽然现在它只支持Sketch。但是在未来的版本中可能会兼容PSD。所以,不如试试看?