
在 Sketch 47 中引人的庫(kù)(Library)功能,這次更新改變了設(shè)計(jì)團(tuán)隊(duì)工作方式和流程。庫(kù)在設(shè)計(jì)團(tuán)隊(duì)維護(hù)一個(gè)設(shè)計(jì)系統(tǒng)或風(fēng)格指南上,起到非常重要的作用,可以給團(tuán)隊(duì)帶來(lái)更加高效工作體驗(yàn)。
越來(lái)越多的設(shè)計(jì)師和團(tuán)隊(duì)使用 Sketch 作為主要的設(shè)計(jì)工具,得益于眾多插件和第三方應(yīng)用,即使在沒(méi)有技術(shù)支持的情況下也能解決一些常見(jiàn)問(wèn)題。然而每次引入大功能時(shí),也會(huì)帶來(lái)很多坑。事實(shí)上有些 UI 設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo),是不太注重方法和流程的,這種團(tuán)隊(duì)選擇 Sketch 大多是為了更快速出圖,在這樣的團(tuán)隊(duì)中設(shè)計(jì)師就要艱辛地踩各種坑。
作為一個(gè)寫(xiě) Sketch 插件的設(shè)計(jì)師,非常能理解這些問(wèn)題給團(tuán)隊(duì)效率帶來(lái)的影響。在 Sketch 47 剛發(fā)布時(shí),我便開(kāi)始在我的 Automate 插件中增加一些庫(kù)相關(guān)的功能,久而久之便對(duì)庫(kù)有了比較深入的了解。這篇文章主要介紹高級(jí)的信息,可以幫助設(shè)計(jì)團(tuán)隊(duì)更好的使用 Sketch 庫(kù),并解決一些復(fù)雜問(wèn)題。如果需要基礎(chǔ)教程,請(qǐng)查閱官方文檔或其他網(wǎng)上的一些文章。
這一系列的文章分為上中下三部分,上部主要介紹基礎(chǔ)概念和庫(kù)的托管方案;中部主要針對(duì)庫(kù)管理者,內(nèi)容包括組件命名、庫(kù)維護(hù)等;下部則是針對(duì)團(tuán)隊(duì)中相對(duì)高級(jí)的庫(kù)管理者,使用腳本解決一些復(fù)雜問(wèn)題。
一、基礎(chǔ)概念
1. 模版與庫(kù)
模版(Template)與庫(kù)(Library)本質(zhì)上并無(wú)區(qū)別,都是一個(gè)普通的 Sketch 文件,除了低版本(低于 43)Sketch 建立的文件無(wú)法直接加入到庫(kù)面板中外,任何帶有組件(Symbols)的 Sketch 文件都可以直接加入庫(kù)面板。
有時(shí)模版特指被加入到菜單 「New From Template」 下或顯示在 Welcome 界面上的那些文件。可以使用 「Save as Template…」 菜單或者直接將文件復(fù)制到 「~/Library/Application Support/com.bohemiancoding.sketch3/Templates」 文件夾內(nèi)。

庫(kù)則是指被添加到 「Preferences - Libraries」 面板下的那些文件,它們沒(méi)有統(tǒng)一保存的地方。

在沒(méi)有引入庫(kù)功能時(shí),設(shè)計(jì)團(tuán)隊(duì)使用模板文件來(lái)協(xié)作,但 Sketch 并未提供一種文檔內(nèi)容更新機(jī)制,只能依賴一些插件將文檔通過(guò)組件名稱匹配來(lái)替換成另一個(gè)文件的組件,但這對(duì)組件圖層命名要求嚴(yán)格,也沒(méi)有可視化對(duì)比。庫(kù)功能解決了這種公共內(nèi)容更新或替換的需求,這一點(diǎn)在團(tuán)隊(duì)協(xié)作中非常重要。
庫(kù)并沒(méi)有取代模版的意思,從界面上只能訪問(wèn)到庫(kù)文檔內(nèi)的組件,也就是庫(kù)文檔內(nèi)的畫(huà)板(Artboard)或不在畫(huà)板內(nèi)的圖層,對(duì)于庫(kù)實(shí)際上沒(méi)有太多用處的,有些庫(kù)是程序生成的,這種情況組件在畫(huà)布上的位置也沒(méi)有太多講究。模板文檔則會(huì)帶有一些實(shí)例或說(shuō)明,模板內(nèi)的組件也可以都替換成庫(kù)的外部組件,模板也可以為庫(kù)提供直觀的檢索、示例演示或者作為一個(gè)快速搭建界面的框架。
2. 庫(kù)的類型
內(nèi)置庫(kù)(Internal Libraries)是指隨 Sketch 自帶的庫(kù),目前就是 iOS UI Design 這個(gè)庫(kù),文件保存在 「/Applications/Sketch.app/Contents/Resources/libraries/iOS UI Design.sketch」,如果需要研究這個(gè)文件需要復(fù)制到其他地方再打開(kāi)。
用戶庫(kù)(User Libraries)就是用戶從庫(kù)面板上的 「Add Library…」 按鈕上添加的庫(kù)。
在 Sketch 49 以后,增加了一種新的類型,遠(yuǎn)程庫(kù)(Remote Libraries),內(nèi)置的需要下載的 Apple iOS UI 也屬于這個(gè)類型。目前這個(gè)功能僅開(kāi)放了從 Sketch Cloud 添加庫(kù),用戶需要注冊(cè) Sketch Cloud 上傳文件,分享頁(yè)面鏈接給使用者,使用者頁(yè)面上的 「Download - Add Library to Sketch」 菜單添加到庫(kù)面板。
這三種類型在庫(kù)面板上沒(méi)有明顯的視覺(jué)區(qū)分,可以簡(jiǎn)單地通過(guò)右鍵菜單(或庫(kù)面板左下角齒輪圖標(biāo)下拉菜單)來(lái)確認(rèn)屬于哪一類型。內(nèi)置庫(kù)無(wú)法被移除也無(wú)法打開(kāi),可以被禁用;遠(yuǎn)程庫(kù)無(wú)法使用 「Show in Finder」 和 「Open …」菜單,來(lái)自 Sketch Cloud 的遠(yuǎn)程庫(kù)會(huì)有 「View in Sketch Cloud」 菜單;用戶庫(kù)則都有這三個(gè)菜單。
這三種庫(kù)在使用上并沒(méi)有非常大的差別,只是添加方式不同。來(lái)自內(nèi)置庫(kù)和遠(yuǎn)程庫(kù)的組件,使用者無(wú)法在庫(kù)中修改,雙擊這種組件時(shí)只有一個(gè)選項(xiàng) 「Unlink from Library」。

而來(lái)自用戶庫(kù)的組件,則有兩個(gè)選項(xiàng) 「Unlink from Library」 和 「Open in Original Document」。可以這么理解遠(yuǎn)程庫(kù)適合集中管理的庫(kù),用戶無(wú)法修改而統(tǒng)一由管理者修改,而用戶庫(kù)則適合需要協(xié)作修改的庫(kù),實(shí)際上用戶可以操作的只有用戶庫(kù)和遠(yuǎn)程庫(kù)兩種,下文會(huì)詳細(xì)說(shuō)明這兩種類型的庫(kù)如何同步。

3. 組件實(shí)例、組件母版與庫(kù)組件
組件母版(Symbol Master)是一種特殊畫(huà)板,能夠引出另一個(gè)分身稱為組件實(shí)例(Symbol Instance),分身只有單一的圖層,但可能會(huì)有不同外觀。組件實(shí)例在圖層面板有兩種圖標(biāo),旋轉(zhuǎn)箭頭圖標(biāo)表示文檔內(nèi)的實(shí)例,而索鏈圖標(biāo)則表示來(lái)自庫(kù)的實(shí)例,這種來(lái)自庫(kù)的實(shí)例無(wú)法在當(dāng)前文檔修改母版,很多情況就稱為庫(kù)組件(Library Symbol)。

為了區(qū)別文檔上的組件母版和庫(kù)組件,文檔上所有的組件母版集合稱為內(nèi)部組件(Local Symbols),文檔上所有庫(kù)組件的集合通常叫外部組件(Foreign Symbols)或?qū)氲慕M件(Imported Symbols)。
從插入組件的菜單上,只能顯示出庫(kù)文檔內(nèi)的所有內(nèi)部組件,文檔內(nèi)的外部組件是不會(huì)出現(xiàn)在菜單上的,所以通常情況下作為庫(kù)的文檔都是組件母版。使用了嵌入另一庫(kù)組件的庫(kù)組件,如果沒(méi)載入內(nèi)嵌庫(kù)組件所屬的庫(kù),在 Overrides 中把組件更換成其他組件,就只能重新插入來(lái)恢復(fù)之前的狀態(tài)。在 Sketch 49 之后,未被使用的外部組件在文檔保存時(shí)會(huì)被自動(dòng)刪除,為了保留外部組件可以插入到畫(huà)布內(nèi)。
4. 庫(kù)組件如何從關(guān)聯(lián)的庫(kù)更新
在介紹庫(kù)更新機(jī)制前,需要簡(jiǎn)單了解下 Sketch 內(nèi)部是如何識(shí)別對(duì)象的。在 Sketch 中創(chuàng)建的任何對(duì)象,新建一個(gè)文件、插入一個(gè)圖層、創(chuàng)建一個(gè)樣式等等,Sketch 都會(huì)給這些對(duì)象添加唯一標(biāo)識(shí) UUID。圖層上的 UUID 這里稱為圖層 ID,組件上的 UUID 稱為 組件 ID(SymbolID),組件母版和組件實(shí)例都即有圖層 ID 也有 組件 ID。ID 信息在界面上沒(méi)有體現(xiàn),設(shè)計(jì)使也不會(huì)用到這些信息,它們是作為 Sketch 文檔結(jié)構(gòu)上使用的。
庫(kù)組件并非真實(shí)的鏈接,你將包含外部組件的文檔發(fā)給其他人,并不會(huì)出現(xiàn)壞鏈導(dǎo)致文檔錯(cuò)誤,實(shí)際上這些數(shù)據(jù)都保存在當(dāng)前的文檔中,所以使用外部組件不會(huì)使文檔體積減小,它的優(yōu)勢(shì)在于更新機(jī)制。庫(kù)組件也沒(méi)有保存庫(kù)的路徑,它記錄了庫(kù)名、庫(kù) ID 和組件原始 ID(Remote SymbolID, 組件在它的庫(kù)中的 SymbolID),庫(kù)的名稱顯示在屬性面板和外部組件管理面板上,庫(kù) ID 沒(méi)有在界面上體現(xiàn)出來(lái)。
庫(kù)組件自動(dòng)更新,其實(shí)就是 「庫(kù)列表」 - 「庫(kù) ID」 - 「外部組件原始 ID」 這三者的關(guān)聯(lián)。通過(guò)庫(kù)組件的庫(kù) ID,從庫(kù)面板的列表中,按照添加的時(shí)間從新到舊依次檢索所有未被禁用的、鏈接完好的庫(kù),直到匹配到庫(kù) ID ,然后查找該庫(kù)文件內(nèi)是否有與庫(kù)組件 SymbolID 匹配的組件,如果包含并且內(nèi)容有差異就提醒更新,更新的過(guò)程實(shí)際上就是內(nèi)容替換。如果這個(gè)庫(kù)文件沒(méi)有與之匹配的組件,還會(huì)接著從另一個(gè)相同庫(kù) ID 的庫(kù)文件內(nèi)檢索。如果某個(gè)環(huán)節(jié)沒(méi)有結(jié)果,這個(gè)組件就不會(huì)有提示更新。比較棘手的問(wèn)題是目前界面并沒(méi)有地方可以處理這些關(guān)系,當(dāng)這種隱藏的關(guān)系鏈出現(xiàn)問(wèn)題,就需要借助特殊的插件,或通過(guò)在 「Plugins」 - 「Run Script…」 運(yùn)行特定的腳本來(lái)查看信息或處理關(guān)聯(lián)。
二、開(kāi)始使用庫(kù)
1. 建立庫(kù)
任何 Sketch 文件都可以當(dāng)作庫(kù),對(duì)于獨(dú)立的設(shè)計(jì)師的庫(kù)管理者,可以比較隨意的創(chuàng)建庫(kù),出現(xiàn)情況的可能性并不大。主要在于團(tuán)隊(duì)協(xié)作中,庫(kù)管理者就需要了解上文的庫(kù)類型和庫(kù)組件更新原理,并且清晰這些庫(kù)和組件的聯(lián)系,根據(jù)自身團(tuán)隊(duì)的具體情況選擇哪一種類型的庫(kù),用多個(gè)庫(kù)文件還是一個(gè)庫(kù)文件,每個(gè)庫(kù)文件里有哪些內(nèi)部組件。
在 Sketch 中創(chuàng)建組件是不可能出現(xiàn)重復(fù)的組件 ID 的,大部分問(wèn)題出在庫(kù) ID 的管理上。從 Sketch 創(chuàng)建一個(gè)文檔,就賦予文檔一個(gè) ID,這個(gè)在這個(gè)文檔被用作庫(kù)時(shí)就是庫(kù) ID,如果在 Finder 或其他非方式復(fù)制文件,就會(huì)導(dǎo)致庫(kù) ID 是相同的,如果直接在這個(gè)庫(kù)里的組件母版修改內(nèi)容,會(huì)出現(xiàn)相同 ID 的庫(kù)里面也包含相同 ID 的組件,當(dāng)這兩個(gè)文件同時(shí)被加到庫(kù)列表中,就會(huì)可能出現(xiàn)庫(kù)組件關(guān)聯(lián)錯(cuò)誤或無(wú)法更新。所以確保庫(kù) ID 不重復(fù)的方法就是盡量新建文檔。
2. 將內(nèi)部組件轉(zhuǎn)為庫(kù)組件
載入所有相關(guān)的庫(kù)之后就可以把之前的文件轉(zhuǎn)換為新的外部組件形式的文檔,現(xiàn)在已經(jīng)有成熟的插件可以處理這個(gè)艱巨的工作。
如果你之前用的是模版文件方式來(lái)設(shè)計(jì),而且?guī)煲彩窃瓉?lái)的模版文件,那么這種情況下庫(kù)內(nèi)的組件 ID 和設(shè)計(jì)文檔的組件 ID 是可以匹配的,可以使用基于 ID 的方式來(lái)替換。Automate 插件內(nèi)的 「Symbol - Change Symbols to Library Symbol Base Symbol ID」 功能,在選擇內(nèi)部組件實(shí)例或組件母版之后,可以批量替換成制定庫(kù)的相同組件 ID 的庫(kù)組件。
如果需要用到基于組件名稱的批量替換可以使用以下插件。
即非同 ID 也非同名的情況,就沒(méi)法批量處理了,可以使用 Automate 插件內(nèi)的 「Symbol - Replace Symbol with Library Symbol」 功能逐個(gè)替換,在替換的列表中,會(huì)把相同尺寸或 ID 的組件前置。

如果庫(kù)組件已經(jīng)做了較大改變,根據(jù) ID 或名稱已經(jīng)無(wú)法達(dá)到理想效果,可以在組件右鍵菜單中選擇合適的庫(kù)組件替換,最后再使用 Automate 插件內(nèi)的 「Symbol - Remove Unused Symbols」 刪除多余的組件。
3. 從庫(kù)同步圖層和文本樣式
就目前的 Sketch 界面中只顯示出庫(kù)文檔的內(nèi)部組件,有些保存在庫(kù)文檔的資源,例如圖層樣式、文本樣式,甚至色彩、漸變和圖片填充,需要依靠插件同步至新文檔。
Automate 插件包含從任意 Sketch 文件或庫(kù)倒入文檔資源和樣式的功能。色彩、漸變和圖片填充等文檔資源是根據(jù)內(nèi)容添加的不會(huì)導(dǎo)致列表重復(fù),而樣式則更加對(duì)象的 ID,同 ID 項(xiàng)的樣式屬性會(huì)被更新。
Automate 插件樣式相關(guān)的功能如下:
- Style - Import Document Assets from Sketch File,從 Sketch 文件導(dǎo)入色彩、漸變及圖片填充等資源。
- Style - Import Text Styles from Sketch File,從 Sketch 文件導(dǎo)入文本樣式。
- Style - Import Layer Styles from Sketch File,從 Sketch 文件導(dǎo)入圖層樣式。
- Library - Import Document Assets from Library,從庫(kù)導(dǎo)入色彩、漸變及圖片填充等資源。
- Library - Import Styles from Library,從庫(kù)導(dǎo)入文本和圖層樣式。
4. 庫(kù)的托管方案
團(tuán)隊(duì)協(xié)作中,庫(kù)管理者需要把庫(kù)文件分發(fā)給其他設(shè)計(jì)師,設(shè)計(jì)師需要把庫(kù)文件都加入庫(kù)面板,有時(shí)還需要設(shè)計(jì)師配置一些基礎(chǔ)設(shè)施,比如安裝某些 Sketch 插件、字體或者某些第三方工具。之后庫(kù)管理者需要有一個(gè)機(jī)制來(lái)通知設(shè)計(jì)師更新庫(kù)文件或自動(dòng)同步。
以下列出一些從低級(jí)到高級(jí)的方案,可以根據(jù)自身團(tuán)隊(duì)的情況選擇合適的方案。對(duì)庫(kù)由專人管理的團(tuán)隊(duì),為了防止設(shè)計(jì)師無(wú)意中修改庫(kù)文件,盡量要求所有設(shè)計(jì)師關(guān)閉 Sketch 的自動(dòng)保存功能。如果庫(kù)需要接受多人協(xié)作,則要選擇版本控制系統(tǒng)方案。
5. 人工同步
人工同步是指利用郵件或某些傳輸方式,把庫(kù)文件打包發(fā)給所有設(shè)計(jì)師的方法,這是一種非常低端的不推薦的方案。現(xiàn)實(shí)中很多國(guó)內(nèi)設(shè)計(jì)團(tuán)隊(duì),可能都會(huì)采用這種方案,庫(kù)的管理者有個(gè)問(wèn)題需要注意下,每次發(fā)文件時(shí)給文件加個(gè)版本號(hào),最后記得抄送領(lǐng)導(dǎo)。
上文中已經(jīng)了解到組件更新機(jī)制,所以設(shè)計(jì)師收到帶不同版本號(hào)的庫(kù)文件,可以不把這些文件改成當(dāng)前使用的名字,只需要直接加入庫(kù)即可,舊版的文件可以從列表上刪除或者禁用,保留在列表中也不會(huì)影響組件的更新。
6. 使用鏈接服務(wù)器和共享電腦同步
macOS 可以連接到一些特殊服務(wù)器和共享電腦,例如 Windows / macOS 共享文件夾、NAS 共享磁盤、FTP 和 WebDAV 等等,詳細(xì)支持功能可以查看 Apple 官方支持文檔。搭建這種服務(wù)的方法也比較簡(jiǎn)單,可以根據(jù)實(shí)際情況選擇。
使用這種方案來(lái)同步,沒(méi)有把庫(kù)文件分發(fā)給所有設(shè)計(jì),實(shí)際上所有的設(shè)計(jì)師是從同一個(gè)共享磁盤目錄載入庫(kù)文件的。這種方案庫(kù)文件名稱必須是固定的,可以通過(guò)手動(dòng)或自動(dòng)備份的方法記錄版本。共享磁盤和 FTP 可以設(shè)置權(quán)限,這樣可以避免設(shè)計(jì)師修改庫(kù)文件,其他類型服務(wù)可能要考慮其他用戶寫(xiě)入權(quán)限問(wèn)題。
設(shè)計(jì)師和庫(kù)管理者通過(guò) Finder 的菜單 「前往」 - 「鏈接服務(wù)器…」,掛載磁盤或鏈接服務(wù)器,不同類型服務(wù)的地址,請(qǐng)參考 Apple 官方支持文檔。

要解決每次開(kāi)機(jī)手動(dòng)鏈接服務(wù)器的問(wèn)題,可以設(shè)置開(kāi)機(jī)自動(dòng)鏈接。這個(gè)設(shè)置需要在鏈接服務(wù)器時(shí),勾選 「在我的鑰匙串記住此密碼」。

然后在 「系統(tǒng)便好設(shè)置」 - 「用戶與群組」 ,選擇當(dāng)前用戶的 「登錄項(xiàng)」,并將相應(yīng)的網(wǎng)絡(luò)硬盤加入列表中并保持選中。

庫(kù)管理者將庫(kù)文件放到網(wǎng)絡(luò)文件夾中,設(shè)計(jì)師會(huì)立即收到更新,此方案需要注意,權(quán)限問(wèn)題、版本管理和備份等。
7. 使用云盤同步
使用類似 iCloud Drive,Google Drive,Dropbox 等云盤同步,這個(gè)方案需要考慮改服務(wù)的網(wǎng)絡(luò)問(wèn)題,是否可以文件共享,是否有客戶端或系統(tǒng)集成的文件同步,是否有權(quán)限控制等等,最重要的是文件需要同步到本地。如果處于保密考慮,則可能需要在內(nèi)網(wǎng)自己搭建例如 ownCloud / NextCloud 之類的云盤程序。某些云盤服務(wù)提供 WebDAV 功能,則可以使用上一種方案。
此方案也需要注意權(quán)限問(wèn)題、版本管理和備份等問(wèn)題。
8. 使用 Sketch Cloud 同步
在 Sketch 49 以后將 Sketch Cloud 上的文件作為庫(kù)添加,庫(kù)管理者將文件上傳至 Sketch Cloud,然后通過(guò)開(kāi)放文檔或著使用郵件分享給其他設(shè)計(jì)師,設(shè)計(jì)師將文件添加到庫(kù)之后,庫(kù)管理者每次更新文件之后,Sketch 會(huì)自動(dòng)后臺(tái)下載,其他設(shè)計(jì)師就會(huì)收到更新提醒。
設(shè)計(jì)師沒(méi)法修改庫(kù)內(nèi)容,來(lái)自云端的庫(kù)文件臨時(shí)存儲(chǔ)在 「~/Library/Application Support/com.bohemiancoding.sketch3/Libraries」 目錄下,臨時(shí)打開(kāi)可以在庫(kù)面板列表右側(cè)的 QuickLook 圖標(biāo)打開(kāi)預(yù)覽窗口,再?gòu)念A(yù)覽窗口右上角的 「Open With Sketch」 按鈕打開(kāi)。這個(gè)文件的修改會(huì)被網(wǎng)絡(luò)的版本自動(dòng)覆蓋。
此方案依賴網(wǎng)絡(luò),并且會(huì)涉及項(xiàng)目的保密性,適合開(kāi)放的項(xiàng)目,也需要注意版本管理和備份等問(wèn)題。
Sketch 官方提供了兩個(gè)示例文檔。
- Elements UI Kit 添加到庫(kù)
- macOS UI Library 添加到庫(kù)
9. 使用 Abstract
Abstract 目前僅支持 Sketch 文件的版本控制,他包裝了一些 Git 版本控制系統(tǒng)的概念和流程,提供了一套設(shè)計(jì)師友好的文件更新記錄、分支、合并等功能,采用這個(gè)方案需要所有團(tuán)隊(duì)成員都依賴于 Abstract 平臺(tái),并且有一套特殊的工作方式,需要付費(fèi)才能開(kāi)通團(tuán)隊(duì)協(xié)作功能。類似的服務(wù)還有 Kactus 和 Plant,通常都是需要付費(fèi)的,這種方案適合需要多人共同管理庫(kù)文件的情況。
10. 使用版本控制系統(tǒng)同步
使用版本控制系統(tǒng)同步庫(kù)文件,需要搭建一個(gè)版本控制系統(tǒng)服務(wù)器,這個(gè)有些公司的可能已經(jīng)搭建好了,有些則付費(fèi)使用一些在線服務(wù)。另外要求團(tuán)隊(duì)中的設(shè)計(jì)師要比較了解版本控制系統(tǒng)客戶端的操作。雖然技術(shù)要求較高,但是可以很好的解決權(quán)限控制、保密性、版本管理等問(wèn)題。
在小型團(tuán)隊(duì)或者開(kāi)放的團(tuán)隊(duì)中,一些免費(fèi)的 Git 服務(wù)也可以考慮,例如 GitHub、GitLab 或 BitBucket。這些對(duì)開(kāi)放項(xiàng)目沒(méi)有空間和團(tuán)隊(duì)限制,GitLab 和 BitBucket 的免費(fèi)用戶可以使用 5 人的團(tuán)隊(duì),設(shè)計(jì)師使用例如 Cornerstone(SVN)、Versions(SVN)、Sourcetree(Git)、Tower(Git)等客戶端來(lái)接收更新提醒,庫(kù)管理者也使用客戶端上傳文件,并在 Web 端控制權(quán)限。Web 端管理程序,還附帶一些文檔管理、分支管理和問(wèn)題跟蹤等功能,有些甚至可以處理一些自動(dòng)化任務(wù)。
利用 GitHub 或 GitLab 等常見(jiàn)的版本控制平臺(tái),通過(guò)腳本分解 Sketch 文件,按照特定的 Git Flow 工作,手工編輯 JSON 的方式也可以合并文件或解決沖突,只是對(duì)庫(kù)管理者技術(shù)要求較高。
11. 自托管同步
官方工作人員稱此功能尚未完善和對(duì)外開(kāi)放。目前從 Apple UI Design Resources 下載的 Sketch 文件就是鏈接至 Apple 官方自托管的庫(kù),需要從庫(kù)面板下載內(nèi)置的 Apple iOS UI。庫(kù)更新由 Apple 官方維護(hù),使用者可以自動(dòng)接收到更新。
12. 使用 Sketch 插件同步
Sketch 插件有后臺(tái)下載和提示更新功能,如果將所有的庫(kù)文件一起打包到自家開(kāi)發(fā)的 Sketch 插件內(nèi),也可以做到通過(guò)插件的更新機(jī)制來(lái)同步庫(kù)文件,或通過(guò)插件下載庫(kù)文件,并通過(guò)插件自動(dòng)將文件載入到庫(kù)面板中,保證團(tuán)隊(duì)中所有設(shè)計(jì)師使用的文件版本都是一致的。
這種方案缺點(diǎn)是對(duì)技術(shù)要求較高,除了自動(dòng)更新和加載庫(kù)保證設(shè)計(jì)師文件一致,當(dāng)團(tuán)隊(duì)中有較多成員和庫(kù)文件,這種方案的優(yōu)點(diǎn)就會(huì)更加明顯。其他方案將文件分發(fā)給其他設(shè)計(jì)師的過(guò)程會(huì)出現(xiàn)一些問(wèn)題,例如某些設(shè)計(jì)師并沒(méi)有在 Sketch 中載入正確的庫(kù)文件,或者沒(méi)有及時(shí)更新,另外有些設(shè)計(jì)沒(méi)有安裝正確的字體等等問(wèn)題,都可以在插件中解決。另外插件還可以集成一些針對(duì)團(tuán)隊(duì)業(yè)務(wù)特殊需求或是腳手架的功能,用來(lái)提高整體的工作效率。
13. 選擇適合團(tuán)隊(duì)的方案
下表列出各種方案的工作方式的簡(jiǎn)單對(duì)比,管理者的操作從簡(jiǎn)單依次至復(fù)雜,從低級(jí)至高級(jí)。

在團(tuán)隊(duì)中采用哪種方案來(lái)托管和同步 Sketch 庫(kù),很大程度上取決于團(tuán)隊(duì)成員的技術(shù)水平和文化環(huán)境。比如團(tuán)隊(duì)里的設(shè)計(jì)師很難接受新事物,或者設(shè)計(jì)部門沒(méi)有經(jīng)費(fèi)預(yù)算,公司不允許將工作內(nèi)容上傳到網(wǎng)絡(luò)上,團(tuán)隊(duì)里的設(shè)計(jì)師都不會(huì) Git 等等,盡管如此建議還是盡量采用較高級(jí)的方案。也可以同時(shí)采用多個(gè)方案,讓設(shè)計(jì)師根據(jù)自身情況選擇。
「Sketch好文合集」
- 《Sketch 新出了Libraries功能,以后團(tuán)隊(duì)協(xié)作更方便了!》
- 《實(shí)用全面!教你用Sketch Libraries構(gòu)建組件庫(kù)/設(shè)計(jì)體系》
- 《Sketch 49 的交互原型新功能怎么用?來(lái)看這篇教程!》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng): UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺(jué)效果。
設(shè)計(jì)導(dǎo)航:國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航,設(shè)計(jì)師必備: http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。




發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
MJ+SD智能設(shè)計(jì)
已累計(jì)誕生 772 位幸運(yùn)星
發(fā)表評(píng)論 為下方 4 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓