編者按：好像許多設計師都會談代碼而色變，連同Git和Github 這類工具也敬而遠之。然而，對于設計師而言，Git同樣是相當實用、甚至可以說是改變設計文檔版本控制的重要工具！今天的文章，我們來聊聊Git~

1991年，Linus Torvalds 帶來的Linux操作系統徹底改變了操作系統領域的格局，而到了2005年，他的另一項創舉徹底改變了如今開發人員的工作方式。作為Linux內核的創建者，Linus 對于開源社區作出了巨大的貢獻，對于軟件的開發和管理有著深入的理解，他能創建出Git 這樣的軟件開發版本控制系統也就不奇怪了。

對于如今的軟開發者而言，已經很難離開Git了。如果你對于Git 有所了解，就會明白為何它是如此的重要。下面我要說說我和Git之間的故事，一個設計師沉迷Git不可自拔的故事。

最初接觸

我第一次看到Git 是在一個網絡托管公司的工作室內，當時他們打開終端使用Git 的樣子，和電影中黑客的樣子并無二致。

那一刻我覺得驚訝而畏懼，這個工作室明顯不適合我啊，很自然地我從里面撤出來了。

第二天，一個同事開始教我使用Git，作為一個設計師，我感覺這個事情完全超出了計劃。我對燈發誓，從我祖上到我頭上就沒人用過這玩意。

作為一名慣于使用Photoshop的設計師，對于終端我有著天然的畏懼。

不得已，同事為我深入介紹了Git的優勢所在，強力安利我嘗試一下這套系統。很多東西的確是得在嘗試之后才有所體會。Git 系統的流暢令人驚訝，界面看起來也并不難看。自然而然地我就入了Git的坑。

所以，克服一下對終端的畏懼，聽我為你詳細介紹一下Git吧，它確實值得你去了解、使用。

所以……先說回這個“漂亮的界面”吧。看起來功能很強大？然而實際上你日常只會用到其中的兩個按鈕。那么除此之外，你還要用到什么？

它會幫你生成代碼庫的快照，這樣一來，你可以更加便捷地同其他的開發者一起協同。這樣的機制讓所有人都可以清晰地回顧之前的改變，甚至于回滾到上一個版本。同樣的，你還可以保持之前的代碼不變，創建新的分支。

“一般說來，Git 讓你的項目不會被輕易搞砸。”

Git vs Github

Git 和 Github 是兩回事，千萬不要混淆。也許你已經接觸過GitHub，看過相應的介紹。它確實相當的強大，甚至達到了某種意義上的極致。但是，GitHbu 是一個為開發者準備的平臺，他們在GitHub 的平臺上發布他們開發的作品。而Git 則完全不同：

“Git 是一個版本管理系統。”

Git 和GitHub 完全不同，它是開發者工作流程的核心部分，Git 讓整個開發體系能夠正常的推進，出現問題的時候可以隨時回到上一個版本，幫助團隊成員追溯開發過程中出現的問題。

整合Git到工作流程的優勢

如果你想了解一些Git的基本入門和安裝、測試的知識，看這兩個網站就可以：rogerdudler、git-scm。如果你去問做開發的同事，他們會很高興你能對Git產生興趣，并且樂于為你介紹關于Git的一切。

當你完成基本設置之后，你需要知道三個基本的命令：

·Commit（保存改變）
·Push（發送）
·Pull（下載）

快速修改，可視化預覽

作為一個版本控制工具，Git 不僅能控制代碼的版本，而且能夠對于設計稿的版本更新進行跟蹤。現如今，要對文檔和素材保持高度的組織性，已經是相當難的事情了，尤其是當版本修訂超過第五版之后，很容易出問題。

我想你已經無數次看到這樣的情況了吧：

所以，你需要Git 來幫你進行更新吧。當你的設計開始發生變化的時候，可以從主要更新線路上分出一個分支出來，這個分支獨立于主干之外，單獨進行更新，你可以在歷史的可視化的界面中預覽、查看并進行修改。當你提交的時候，應當在說明當中針對變化進行完整的描述。如果沒有這個，請務必不要提交，否則你將難以跟蹤整個版本的變化。

Git 可以確保安全

意外地刪除了錯誤的文件是常會發生的事情，但是有了Github 之后，這種事情永遠不會發生。所有的文檔和歷史版本都會被備份起來，永遠不會丟失。

不過，對于開發者而言，同步文檔并不難，一個100k 的 .php 文件是很輕松的事情，但是一個1GB的PSD文檔就是另外一種情況了，可能你永遠都不會上傳成功。

但是，解決方案是存在的。

你可以通過集成Git大文檔存儲服務來避免痛苦的上傳過程，同時，你也應當盡量精簡PSD和Sketch文檔的大小。如果能夠拆分成多個文件就最好了。我知道，你想盡量在一個文檔當中保留多個畫板和圖層，但是多個輕量級的文件對于工作流程加速更有意義。

相同的文件結構

通過設置基本的結構，確保你的素材能夠同步更新。如果你不知道如何同你的開發團隊保持一致，不妨了解一下他們的文件機構的設定，文件命名的規則。比如圖標的名稱命名為“icon-kitty.png”，又或者按鈕的狀態描述為“button-getmecoffee-hover”等等等等。

你是否使用Sketch？

如果你使用Sketch，那么你可以使用這個插件。它可以幫你從Sketch 直接提交文檔的更新。它還可以幫你生成一個縮略圖，方便你在瀏覽的時候能夠更加輕松的分辨。

對于Mac用戶而言，Folio 可以更加輕松地創建Git 倉庫，并讓你便捷的瀏覽所有的素材，同其他人進行協同。如果你更新的是Sketch 文檔的話，Folio 能夠自動的幫你更新（提交并推送）。它還會將所有版本的文檔都保存一份，確保你能夠完全地管控。不過由于它不會添加文件夾，所有的文件都放在一個文件夾里面組成一個庫。

上手試試吧！

對于如今的開發者和設計師而言，混亂絕對是最不能忍受的事情。無論是代碼還是設計稿，版本控制混亂都是災難性的。這也是為什么，如今的開發者幾乎完全無法離開Git。

對于設計師而言，更改的同樣是痛苦的，尤其是在敏捷團隊當中。針對設計師的版本控制方案有很多，但是最終能夠同開發團隊協同起來的方案，并不多。

而Git 對于產品團隊而言，是一個絕佳的協作平臺。它擁有極大的潛力，甚至能夠同營銷團隊聯動。產品經理、文案以及其他的創意工作者都能夠借助Git 構建泛用型數據庫，很好的協同起來。合理的選取工具，你甚至不需要學習什么代碼知識都可以著手參與進來。不過Git的學習曲線確實比較陡峭，尤其是對于敏捷團隊中的創意工作者而言。如果沒有沒時間去學會所有的保存和發送的技巧，那么盡量讓你的設計修改和素材與Avocode同步。

總之，我希望你至少試圖好好探索一下Git，即使你不會使用，也至少將這種思路帶給你的產品團隊，或者提供可行的思路，優化工作流程。

【Nick Babich 的用戶體驗設計經驗之談】

1. 輸入框設計：《講真，你真的懂得文本輸入框設計的那些潛規則么？》
2. 表單設計：《摳細節！設計高效好用表單的10個技巧》
3. 極簡APP UI：《超贊！幫你打造極簡風APP UI 的實用設計技巧》
4. 前端開發：《有法可依！幫你衡量一個動效是否合格的六個核心因素》
5. 面包屑：《并不簡單！網頁中為你指路的面包屑到底應當怎么使用？》
6. 移動端頁面：《跟著建議走！這樣的移動端網站設計才對頭》

原文地址：Avocode
原文作者：Slavo Glinsky
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com