編(bian)者按：今天(tian)看(kan)到@Akane_Lee妹子(zi)寫了一篇心愿(yuan)文，特別有(you)意(yi)思，如果(guo)哪天(tian)有(you)專為設計師(shi)打造的Github神器(qi)，那設計師(shi)們最期待的這些心愿(yuan)都可以了結咯。如果(guo)你(ni)看(kan)完作者的心愿(yuan)單，發(fa)現有(you)類似神器(qi)，那就大聲(sheng)說出來吧。

群(qun)(qun)里來了位「全端」，一入群(qun)(qun)就在(zai)討論版本控管(guan)這(zhe)件事。我的Git雖然不(bu)敢說(shuo)熟，好歹也懂Push和Pull、發生沖突(tu)怎(zen)么解決(jue)，多少還能和RD杠(gang)兩(liang)句，不(bu)然依(yi)RD開口(kou)就是(shi)滿天術語、根本無視對方聽不(bu)聽得懂的習性，群(qun)(qun)里的氣(qi)氛會結凍…

關(guan)于版本控管，先拆幾(ji)個(ge)部份(fen)來說，基于我(wo)是(shi)設計(ji)師，會從設計(ji)師也能懂的(de)角(jiao)度出發(fa)，專業RD請別來砸門…

工程(cheng)師的版本控(kong)管

通常設(she)計師(shi)都是單打獨(du)斗，不太常遇到多人共(gong)同維(wei)護一個原始檔。但這對工(gong)程(cheng)師(shi)來(lai)說卻是基(ji)本配備。

舉例：一個(ge)網頁(ye)同時有新聞系(xi)(xi)統(tong)、購(gou)物車系(xi)(xi)統(tong)、會員系(xi)(xi)統(tong)，分別由3位(wei)RD負責。

網(wang)站要改(gai)版(ban)了(le)，3位RD會(hui)同時動到(dao)同一個網(wang)頁檔(dang)(dang)(dang)案(an)，做(zuo)會(hui)員系統(tong)的(de)第一個把網(wang)頁改(gai)好上傳，之后做(zuo)購物車的(de)再上傳檔(dang)(dang)(dang)案(an)、就把同事已寫好的(de)檔(dang)(dang)(dang)案(an)蓋掉了(le)呀(ya)!

而且萬一檔案改來改去、改爛掉(diao)了怎(zen)么辦?當然需要備份功能。

所以有了(le)Git。

Git是(shi)個版本控管軟件(jian)，能(neng)夠(gou)讓多人同時編輯(ji)同一個檔(dang)(dang)案、不怕寫好的檔(dang)(dang)案被蓋掉，或是(shi)出意外需要把備份拿出來(lai)用。詳情見(jian)Git-維基百(bai)科和(he)猴子都能(neng)懂的GIT入門<<想出這名字(zi)的Planner真該被嘉獎!

Gitlab和Github是提供Git服務(wu)的(de)平臺。將檔(dang)案(an)上傳(chuan)到(dao)平臺、透過(guo)Git軟件，就能(neng)讓(rang)多人同(tong)時編輯。

想(xiang)學(xue)習的同(tong)學(xue)推薦(jian)：《超方(fang)便!專(zhuan)為設計師而寫的GITHUB快(kuai)速入門教程(cheng)》

設計(ji)師為什么需(xu)要版本控管?

備份

回到設計師身上，設計師同樣需(xu)要版本(ben)控(kong)管，尤(you)其時一稿(gao)20改(gai)的時候(hou)。不知道改(gai)去第(di)(di)幾版時突然有人說「還是第(di)(di)16稿(gao)好看」…誰知道第(di)(di)16稿(gao)長啥(sha)樣?

多人維護

多人維護一(yi)個稿件的情況也是有可能會發生，比(bi)如設計規范，或是該系列產品線眾(zhong)多，iOSApp、AndroidApp、Mac、PC、Web，不(bu)能同時(shi)全(quan)交給(gei)一(yi)位設計師(shi)頂，你(ni)猜他多久(jiu)會甩手不(bu)干?

附(fu)帶：風格一致性

每位設(she)計師的(de)作(zuo)(zuo)品(pin)風格相(xiang)差甚大，但在制作(zuo)(zuo)同(tong)產品(pin)時必須統一(yi)樣式，還需要遵守D禮儀(blog.akanelee.me)才能讓其他共同(tong)合作(zuo)(zuo)的(de)同(tong)事(shi)看得懂。

PS禮儀規范白(bai)皮書中(zhong)文版地址：#/ps

對(dui)RD來說，PSD禮儀中的(de)「圖(tu)層(ceng)命(ming)名(ming)」就是(shi)Namingrule，要有一致的(de)命(ming)名(ming)方式(shi)才會(hui)讓人知(zhi)道這(zhe)(zhe)(zhe)個(ge)圖(tu)層(ceng)是(shi)在做什么，設個(ge)變(bian)量(liang)A_A、B_B之(zhi)類，誰知(zhi)道這(zhe)(zhe)(zhe)是(shi)干嘛，設計師一樣會(hui)遇到這(zhe)(zhe)(zhe)種問題(ti)。

設計師更麻煩的(de)(de)(de)在于(yu)抽象(xiang)的(de)(de)(de)風格要怎(zen)么訂定規(gui)范(fan)讓大家有(you)(you)個依(yi)據。Materialdesign–Googledesignguidelines訂定了(le)這(zhe)(zhe)么多這(zhe)(zhe)么細(xi)的(de)(de)(de)規(gui)范(fan)文文件不是(shi)(shi)為了(le)顯示自己(ji)高大上用的(de)(de)(de)，而是(shi)(shi)讓團體(ti)作業有(you)(you)個依(yi)據，才有(you)(you)辦法(fa)討論、分工。這(zhe)(zhe)份規(gui)范(fan)尤其(qi)會影響(xiang)到(dao)F2E和(he)設計師間的(de)(de)(de)合作。

設(she)計(ji)師需要(yao)的版本控管(guan)功能

Git有人做了外掛可以(yi)預覽(lan)PSD檔(dang)，卻要(yao)整份(fen)檔(dang)案上傳。原始(shi)檔(dang)尺寸都(dou)在比大，上傳耗時(shi)又吃空間，但聊勝于無。

DesignFileSyncing這服(fu)務提供透過(guo)3種符號控制圖(tu)(tu)層、群組(zu)的預覽圖(tu)(tu)和備份。吃很(hen)多(duo)家

Avocode之前有個活動網頁，列出一大堆設(she)計師覺得的(de)缺(que)點，說推出個服務能改良(liang)PS的(de)操作體驗。其中包含備(bei)份到Dropbox。(功(gong)能非(fei)常多可以去官網逛逛)

但以上都不是(shi)我心目中給設計師用的(de)版本控(kong)管(guan)。

Git可以看到(dao)檔案的編輯(ji)紀(ji)錄，新增哪(na)一行、刪除哪(na)一行等(deng)一清二楚，對(dui)應到(dao)設計師身上應該就是(shi)「新增哪(na)種圖層」、「圖層編輯(ji)修改哪(na)些部份(fen)」，不該只是(shi)產(chan)生(sheng)檔案的預覽圖而已。

最好Push只要推(tui)已變更部份就好，但我想(xiang)應(ying)該(gai)很難。

許愿

我期待的設計師專用Git能(neng)包(bao)含下列功能(neng)：

Push、Pull

Commit

master、branch

多人協作

圖層變更紀錄

沖突提示

檢查是否符合PSD禮(li)儀

RD用得到的基本Git功能，我(wo)都想要(yao)。如果已經有這(zhe)樣子的產品麻(ma)煩分享(xiang)一下，找很久沒爬到。謝(xie)謝(xie)。

【設計師年(nian)度必備神器人氣榜】

Top3：幫你快速搞定(ding)參考線(xian)!老品牌(pai)了

《PS參(can)考線(xian)插件GUIDEGUIDE下載及使用說明》

Top2：分分鐘(zhong)變成多邊形(xing)風格!新(xin)神器

《這效果超火(huo)!教你創建高(gao)大上的多邊形字(zi)體(ti)》

Top1：經久不衰!摳圖必(bi)備!頭發(fa)絲都不愁!

《PS摳圖神器：KNOCKOUT2.0漢化版(ban)下載及教(jiao)程》

原文地(di)址：blog.akanelee.me

作者(zhe)：@Akane_Lee