原文鏈接:The definitive design workflow: Abstract app
原文作者:Vitor Guerra
昨天双揪,Abstract推出了他們的公共測試版英染,這也許會(huì)改變很多設(shè)計(jì)團(tuán)隊(duì)的工作方式耳鸯。
在這之前…你是什么樣的設(shè)計(jì)師呢喂柒?
像這些:
style-guide_v.3.2.1
styleguide-final-v2-really_final
header_03; footer_01; home_18
style-guide
other
不得不承認(rèn)志鞍,我們大多曾是“myfile_final_03”
我相信每個(gè)設(shè)計(jì)師都會(huì)有一個(gè)名叫“something_final”恨搓,或者“something_final_03”的文件蝗茁,對吧枷恕?
這并沒有什么問題党晋,但是如果你直到今天還在這樣處理文件,或許就不太好了徐块。
這也是我們?yōu)榱烁镄马?xiàng)目管理未玻,推出“Abstract”的初衷。
直到“昨天”胡控,我是如何管理文件的
作為Reclame AQUI(巴西最大的網(wǎng)站之一扳剿,每月超過1600w的訪問)的產(chǎn)品設(shè)計(jì)師,扮演的其中一個(gè)角色就是向設(shè)計(jì)團(tuán)隊(duì)提供指導(dǎo)昼激,了解如何組織和記錄我們的工作庇绽。我從事設(shè)計(jì)工作15年了,我嘗試了許多不同的方法橙困。
Dropbox云端同步文件
通過產(chǎn)品>項(xiàng)目>文件的組織來生成目錄
我們只使用Sketch
集中的style guides在一個(gè)文件瞧掺,通過許多團(tuán)隊(duì)成員來更新
但是沒人能同時(shí)在一個(gè)文件上工作,當(dāng)文件更新后凡傅,一個(gè)人向其他人告知辟狈,文件被更新了,以便每個(gè)人都能知道它像捶,并作為新的版本保存(例如從v3到v4)上陕。
在與設(shè)計(jì)團(tuán)隊(duì)的協(xié)作過程中,我最近的失敗嘗試是通過Invision’s?Craft來管理文件庫-但是因?yàn)橥竭^程中存在bug拓春,使得設(shè)計(jì)師無法在同一個(gè)庫中工作-UXPin?Systems释簿,也有一個(gè)共享庫的工具,但是也不夠完整硼莽。
我也嘗試了許多能夠帶來提升的插件庶溶,連接Sketch和Git:git-sketch-plugin 和SketchGit煮纵。我依然沒有找到一個(gè)很好的解決方法。因?yàn)镚it沒辦法讀取Sketch文件偏螺,并不能正確的理解這些更改行疏。
我也很喜歡Figma和Adobe?XD在團(tuán)隊(duì)工作中的應(yīng)用,同步文件和版本控制的方法套像,但是我仍然不想把工作流遷移到另外一個(gè)工具上酿联。
“開發(fā)者思維”
我們的開發(fā)者朋友,是如何在一個(gè)團(tuán)隊(duì)夺巩,一個(gè)大型項(xiàng)目中去和諧的同步同一套代碼和諧工作的呢贞让?
我相信在過去的幾年里,設(shè)計(jì)師在她們的工作流程中沒有很大的進(jìn)展柳譬,在我和我朋友的交流中(特別是廣告和UI)喳张,總是做著“復(fù)制/粘貼”,“另存為…...”美澳,v1 v2 v3销部,final,final2制跟,這樣的工作讓人抓狂舅桩。
開發(fā)者幾年前的概念現(xiàn)在開始引入到了設(shè)計(jì)者的工作中。例如凫岖,原子設(shè)計(jì)邏輯江咳,虛擬對象構(gòu)建,文件版本控制和團(tuán)隊(duì)工作邏輯哥放。
設(shè)計(jì)過程
在一個(gè)設(shè)計(jì)項(xiàng)目中有兩種流行的方法:
主文件
一個(gè)單獨(dú)的文件來管理整個(gè)項(xiàng)目歼指。例如,在app的設(shè)計(jì)中甥雕,它可以是Sketch文件踩身,包含了全部的畫板,還有每一頁的symbols社露。
分散的文件
許多文件共同組成了項(xiàng)目挟阻。例如,一個(gè)主頁的Sketch文件峭弟,另一個(gè)是登錄頁的文件附鸽,另一個(gè)作為style guide。
兩種方法都各有優(yōu)劣瞒瘸。我個(gè)人在不同的項(xiàng)目中使用這兩種方法坷备,現(xiàn)在我通常是使用一個(gè)主文件。
重要的一點(diǎn)是情臭,我管理的是一個(gè)指定的項(xiàng)目省撑,一個(gè)iOS app赌蔑,一個(gè)Android app,一個(gè)網(wǎng)站竟秫,一個(gè)登錄頁等等娃惯,意味著每個(gè)項(xiàng)目都有一個(gè)主文件。
當(dāng)然肥败,你也可以通過其他方法來管理一個(gè)項(xiàng)目趾浅,但這都不是重點(diǎn)。
Abstract可以做什么拙吉?
文件控制
忘了去將文件保存到硬盤潮孽,內(nèi)網(wǎng),或是Dropbox的方法吧筷黔。所有東西都可以保存到Abstract上,思維模式會(huì)發(fā)生變化仗颈,你不需要知道它在哪佛舱,一樣可以進(jìn)行工作。
當(dāng)它們通過Abstract打開時(shí)挨决,它們會(huì)下載并存儲在一個(gè)臨時(shí)文件夾中请祖。當(dāng)你提交更新后,Sketch會(huì)自動(dòng)關(guān)閉這個(gè)文件脖祈。
版本控制
你只需要工作肆捕,Abstract負(fù)責(zé)控制版本。
當(dāng)你從中打開一個(gè)文件盖高,所有的變更都會(huì)被自動(dòng)記錄慎陵。如果你需要返回到一個(gè)舊版本,東西都會(huì)被存在云端喻奥。
變更控制
所有的變更都會(huì)提交給需要review的人席纽。這很不錯(cuò)。
你只需要分析變更內(nèi)容撞蚕,批準(zhǔn)或者拒絕更改润梯。如果有項(xiàng)目沖突,選擇你需要的那一個(gè)甥厦。
此外纺铭,還有一個(gè)內(nèi)部評論系統(tǒng),并且與Slack集成刀疙。
它解決了什么問題舶赔?
試想一下這樣的場景:
1.你是一名設(shè)計(jì)者,你與其他人一起為一款app設(shè)計(jì)
2.這里有一個(gè)主文件包含了所有app的界面
3.其中有一頁是你的style guide
4.有人需要為app設(shè)計(jì)新的支付界面
5.需要重新設(shè)計(jì)所有的app圖標(biāo)
6.有人需要做一個(gè)B版本的產(chǎn)品界面
如果沒有一個(gè)版本控制庙洼,每個(gè)人參與設(shè)計(jì)的時(shí)候都進(jìn)行一個(gè)v版本的保存顿痪,這個(gè)主文件會(huì)變得越來越臃腫镊辕。
而通過Abstract可以很好的解決這個(gè)問題,我們在測試版本的使用中蚁袭,文件從沒有大于過100mb征懈。
雖然現(xiàn)在它只支持Sketch。但是在未來的版本中可能會(huì)兼容PSD揩悄。所以卖哎,不如試試看?