設計師的版本控管

群裡來了位「全端」,一入群就在討論版本控管這件事。我的 Git 雖然不敢說熟,好歹也懂 Push 和 Pull、發生衝突怎麼解決,多少還能和 RD 槓兩句,不然依 RD 開口就是滿天術語、根本無視對方聽不聽得懂的習性,群裡的氣氛會結凍…

關於版本控管,先拆幾個部份來說,基於我是設計師,會從設計師也能懂的角度出發,專業 RD 請別來砸門…

工程師的版本控管

通常設計師都是單打獨鬥,不太常遇到多人共同維護一個原始檔。但這對工程師來說卻是基本配備。

舉例:一個網頁同時有新聞系統、購物車系統、會員系統,分別由 3 位 RD 負責。

網站要改版了,3 位 RD 會同時動到同一個網頁檔案,做會員系統的第一個把網頁改好上傳,之後做購物車的再上傳檔案、就把同事已寫好的檔案蓋掉了呀!

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

所以有了 Git 。

Git 是個版本控管軟體,能夠讓多人同時編輯同一個檔案、不怕寫好的檔案被蓋掉,或是出意外需要把備份拿出來用。詳情見 Git-維基百科猴子都能懂的GIT入门 «想出這名字的 Planner 真該被嘉獎!

GitlabGithub 是提供 Git 服務的平台。將檔案上傳到平台、透過 Git 軟體,就能讓多人同時編輯。

設計師為什麼需要版本控管?

備份

回到設計師身上,設計師同樣需要版本控管,尤其時一稿 20 改的時候。不知道改去第幾版時突然有人說「還是第 16 稿好看」…誰知道第 16 稿長啥樣?

多人維護

多人維護一個稿件的情況也是有可能會發生,比如設計規範,或是該系列產品線眾多,iOS App、Android App、Mac、PC、Web,不能同時全交給一位設計師頂,你猜他多久會甩手不幹?

附帶:風格一致性

每位設計師的作品風格相差甚大,但在製作同產品時必須統一樣式,還需要遵守 PSD 禮儀 才能讓其他共同合作的同事看得懂。

對 RD 來說,PSD 禮儀 中的「圖層命名」就是 Naming rule ,要有一致的命名方式才會讓人知道這個圖層是在做什麼,設個變數 A_A、B_B 之類,誰知道這是幹嘛,設計師一樣會遇到這種問題。

設計師更麻煩的在於抽象的風格要怎麼訂定規範讓大家有個依據。 Material design - Google design guidelines 訂定了這麼多這麼細的規範文檔不是為了顯示自己高大上用的,而是讓團體作業有個依據,才有辦法討論、分工。這份規範尤其會影響到 F2E 和設計師間的合作。

設計師需要的版本控管功能

Git 有人做了外掛可以預覽 PSD 檔,卻要整份檔案上傳。原始檔尺寸都在比大,上傳耗時又吃空間,但聊勝於無。

Design File Syncing 這服務提供透過 3 種符號控制圖層、群組的預覽圖和備份。吃很多家

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

但以上都不是我心目中給設計師用的版本控管。

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

最好 Push 只要推已變更部份就好,但我想應該很難。

許願

我期待的設計師專用 Git 能包含下列功能:

  1. Push、Pull
  2. Commit
  3. master、branch
  4. 多人協作
  5. 圖層變更紀錄
  6. 衝突提示
  7. 檢查是否符合 PSD 禮儀

RD 用得到的基本 Git 功能,我都想要。如果已經有這樣子的產品麻煩分享一下,找很久沒爬到。謝謝。

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close