高手進(jìn)階技巧!全方位深入理解 Sketch 庫(kù)上
在 Sketch 47 中引人的庫(kù)(Library)功能,這次更新改變了設(shè)計(jì)團(tuán)隊(duì)工作體例和流程。庫(kù)在設(shè)計(jì)團(tuán)隊(duì)維護(hù)一個(gè)設(shè)計(jì)體系或風(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)題目。然而每次引入大功能時(shí),也會(huì)帶來(lái)許多坑。事實(shí)上有些 UI 設(shè)計(jì)團(tuán)隊(duì)的向?qū)В遣惶粗胤椒ê土鞒痰?,這種團(tuán)隊(duì)選擇 Sketch 大多是為了更快速出圖,在如許的團(tuán)隊(duì)中設(shè)計(jì)師就要艱辛地踩各種坑。
作為一個(gè)寫 Sketch 插件的設(shè)計(jì)師,特別很是能理解這些題目給團(tuán)隊(duì)服從帶來(lái)的影響。在 Sketch 47 剛發(fā)布時(shí),我便開(kāi)始在我的 Automate 插件中增長(zhǎng)一些庫(kù)相干的功能,久而久之便對(duì)庫(kù)有了比較深入的了解。這篇文章重要介紹高級(jí)的信息,可以幫助設(shè)計(jì)團(tuán)隊(duì)更好的使用 Sketch 庫(kù),并解決一些復(fù)雜題目。假如必要基礎(chǔ)教程,請(qǐng)查閱官方文檔或其他網(wǎng)上的一些文章。
這一系列的文章分為上中下三部分,上部重要介紹基礎(chǔ)概念和庫(kù)的托管方案;中部重要針對(duì)庫(kù)管理者,內(nèi)容包括組件命名、庫(kù)維護(hù)等;下部則是針對(duì)團(tuán)隊(duì)中相對(duì)高級(jí)的庫(kù)管理者,使用腳本解決一些復(fù)雜題目。
一、基礎(chǔ)概念
1. 模版與庫(kù)
模版(Template)與庫(kù)(Library)本質(zhì)上并無(wú)區(qū)別,都是一個(gè)通俗的 Sketch 文件,除了低版本(低于 43)Sketch 建立的文件無(wú)法直接加入到庫(kù)面板中外,任何帶有組件(Symbols)的 Sketch 文件都可以直接加入庫(kù)面板。
偶然模版特指被加入到菜單 「New From Template」 下或表現(xiàn)在 Welcome 界面上的那些文件。可以使用 「Save as Template…」 菜單或者直接將文件復(fù)制到 「~/Library/Application Support/com.bohemiancoding.sketch3/Templates」 文件夾內(nèi)。
庫(kù)則是指被添加到 「Preferences – Libraries」 面板下的那些文件,它們沒(méi)有同一保存的地方。
在沒(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)的畫板(Artboard)或不在畫板內(nèi)的圖層,對(duì)于庫(kù)現(xiàn)實(shí)上沒(méi)有太多用處的,有些庫(kù)是程序生成的,這種情況組件在畫布上的位置也沒(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 以后,增長(zhǎng)了一種新的類型,長(zhǎng)途庫(kù)(Remote Libraries),內(nèi)置的必要下載的 Apple iOS UI 也屬于這個(gè)類型。目前這個(gè)功能僅開(kāi)放了從 Sketch Cloud 添加庫(kù),用戶必要注冊(cè) Sketch Cloud 上傳文件,分享網(wǎng)頁(yè)鏈接給使用者,使用者網(wǎng)頁(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),可以被禁用;長(zhǎng)途庫(kù)無(wú)法使用 「Show in Finder」 和 「Open …」菜單,來(lái)自 Sketch Cloud 的長(zhǎng)途庫(kù)會(huì)有 「View in Sketch Cloud」 菜單;用戶庫(kù)則都有這三個(gè)菜單。
這三種庫(kù)在使用上并沒(méi)有特別很是大的差別,只是添加體例不同。來(lái)自內(nèi)置庫(kù)和長(zhǎng)途庫(kù)的組件,使用者無(wú)法在庫(kù)中修改,雙擊這種組件時(shí)只有一個(gè)選項(xiàng) 「Unlink from Library」。
而來(lái)自用戶庫(kù)的組件,則有兩個(gè)選項(xiàng) 「Unlink from Library」 和 「Open in Original Document」。可以這么理解長(zhǎng)途庫(kù)適合集中管理的庫(kù),用戶無(wú)法修改而同一由管理者修改,而用戶庫(kù)則適合必要協(xié)作修改的庫(kù),現(xiàn)實(shí)上用戶可以操作的只有效戶庫(kù)和長(zhǎng)途庫(kù)兩種,下文會(huì)細(xì)致說(shuō)明這兩種類型的庫(kù)如何同步。
3. 組件實(shí)例、組件母版與庫(kù)組件
組件母版(Symbol Master)是一種特別畫板,能夠引出另一個(gè)分身稱為組件實(shí)例(Symbol Instance),分身只有單一的圖層,但可能會(huì)有不同表面。組件實(shí)例在圖層面板有兩種圖標(biāo),旋轉(zhuǎn)箭頭圖標(biāo)透露表現(xiàn)文檔內(nèi)的實(shí)例,而索鏈圖標(biāo)則透露表現(xiàn)來(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)。
從插入組件的菜單上,只能表現(xiàn)出庫(kù)文檔內(nèi)的所有內(nèi)部組件,文檔內(nèi)的外部組件是不會(huì)出如今菜單上的,所以通常情況下作為庫(kù)的文檔都是組件母版。使用了嵌入另一庫(kù)組件的庫(kù)組件,假如沒(méi)載入內(nèi)嵌庫(kù)組件所屬的庫(kù),在 Overrides 中把組件替換成其他組件,就只能重新插入來(lái)恢復(fù)之前的狀況。在 Sketch 49 之后,未被使用的外部組件在文檔保存時(shí)會(huì)被主動(dòng)刪除,為了保留外部組件可以插入到畫布內(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ò)誤,現(xiàn)實(shí)上這些數(shù)據(jù)都保存在當(dāng)前的文檔中,所以使用外部組件不會(huì)使文檔體積減小,它的上風(fēng)在于更新機(jī)制。庫(kù)組件也沒(méi)有保存庫(kù)的路徑,它記錄了庫(kù)名、庫(kù) ID 和組件原始 ID(Remote SymbolID, 組件在它的庫(kù)中的 SymbolID),庫(kù)的名稱表現(xiàn)在屬性面板和外部組件管理面板上,庫(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ò)程現(xiàn)實(shí)上就是內(nèi)容替代。假如這個(gè)庫(kù)文件沒(méi)有與之匹配的組件,還會(huì)接著從另一個(gè)雷同庫(kù) ID 的庫(kù)文件內(nèi)檢索。假如某個(gè)環(huán)節(jié)沒(méi)有效果,這個(gè)組件就不會(huì)有提醒更新。比較棘手的題目是目前界面并沒(méi)有地方可以處理這些關(guān)系,當(dāng)這種隱蔽的關(guān)系鏈出現(xiàn)題目,就必要借助特別的插件,或通過(guò)在 「Plugins」 – 「Run Script…」 運(yùn)行特定的腳原本查看信息或處理關(guān)聯(lián)。
二、開(kāi)始使用庫(kù)
1. 建立庫(kù)
任何 Sketch 文件都可以當(dāng)作庫(kù),對(duì)于自力的設(shè)計(jì)師的庫(kù)管理者,可以比較隨意的創(chuàng)建庫(kù),出現(xiàn)情況的可能性并不大。重要在于團(tuán)隊(duì)協(xié)作中,庫(kù)管理者就必要了解上文的庫(kù)類型和庫(kù)組件更新原理,并且清晰這些庫(kù)和組件的聯(lián)系,根據(jù)自身團(tuán)隊(duì)的詳細(xì)情況選擇哪一種類型的庫(kù),用多個(gè)庫(kù)文件照舊一個(gè)庫(kù)文件,每個(gè)庫(kù)文件里有哪些內(nèi)部組件。
在 Sketch 中創(chuàng)建組件是不可能出現(xiàn)重復(fù)的組件 ID 的,大部分題目出在庫(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ù)組件
載入所有相干的庫(kù)之后就可以把之前的文件轉(zhuǎn)換為新的外部組件情勢(shì)的文檔,如今已經(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ù)組件。
假如必要用到基于組件名稱的批量替代可以使用以下插件。
- Library Symbol Replacer
- Symbol Swapper
- Move to library
即非同 ID 也非同名的情況,就沒(méi)法批量處理了,可以使用 Automate 插件內(nèi)的 「Symbol – Replace Symbol with Library Symbol」 功能逐個(gè)替代,在替代的列表中,會(huì)把雷同尺寸或 ID 的組件前置。
假如庫(kù)組件已經(jīng)做了較大改變,根據(jù) ID 或名稱已經(jīng)無(wú)法達(dá)到理想結(jié)果,可以在組件右鍵菜單中選擇合適的庫(kù)組件替代,最后再使用 Automate 插件內(nèi)的 「Symbol – Remove Unused Symbols」 刪除多余的組件。
3. 從庫(kù)同步圖層和文本樣式
就目前的 Sketch 界面中只表現(xiàn)出庫(kù)文檔的內(nèi)部組件,有些保存在庫(kù)文檔的資源,例如圖層樣式、文本樣式,甚至色彩、漸變和圖片添補(bǔ),必要寄托插件同步至新文檔。
Automate 插件包含從任意 Sketch 文件或庫(kù)倒入文檔資源和樣式的功能。色彩、漸變和圖片添補(bǔ)等文檔資源是根據(jù)內(nèi)容添加的不會(huì)導(dǎo)致列表重復(fù),而樣式則更加對(duì)象的 ID,同 ID 項(xiàng)的樣式屬性會(huì)被更新。
Automate 插件樣式相干的功能如下:
- Style – Import Document Assets from Sketch File,從 Sketch 文件導(dǎo)入色彩、漸變及圖片添補(bǔ)等資源。
- 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)入色彩、漸變及圖片添補(bǔ)等資源。
- Library – Import Styles from Library,從庫(kù)導(dǎo)入文本和圖層樣式。
4. 庫(kù)的托管方案
團(tuán)隊(duì)協(xié)作中,庫(kù)管理者必要把庫(kù)文件分發(fā)給其他設(shè)計(jì)師,設(shè)計(jì)師必要把庫(kù)文件都加入庫(kù)面板,偶然還必要設(shè)計(jì)師配置一些基礎(chǔ)設(shè)施,比如安裝某些 Sketch 插件、字體或者某些第三方工具。之后庫(kù)管理者必要有一個(gè)機(jī)制來(lái)關(guān)照設(shè)計(jì)師更新庫(kù)文件或主動(dòng)同步。
以下列出一些從低級(jí)到高級(jí)的方案,可以根據(jù)自身團(tuán)隊(duì)的情況選擇合適的方案。對(duì)庫(kù)由專人管理的團(tuán)隊(duì),為了防止設(shè)計(jì)師偶然中修改庫(kù)文件,盡量要求所有設(shè)計(jì)師關(guān)閉 Sketch 的主動(dòng)保存功能。假如庫(kù)必要接受多人協(xié)作,則要選擇版本控制體系方案。
5. 人工同步
人工同步是指行使郵件或某些傳輸體例,把庫(kù)文件打包發(fā)給所有設(shè)計(jì)師的方法,這是一種特別很是低端的不保舉的方案。實(shí)際中許多國(guó)內(nèi)設(shè)計(jì)團(tuán)隊(duì),可能都會(huì)采用這種方案,庫(kù)的管理者有個(gè)題目必要細(xì)致下,每次發(fā)文件時(shí)給文件加個(gè)版本號(hào),最后記得抄送向?qū)А?/p>
上文中已經(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ù)現(xiàn)實(shí)情況選擇。
使用這種方案來(lái)同步,沒(méi)有把庫(kù)文件分發(fā)給所有設(shè)計(jì),現(xiàn)實(shí)上所有的設(shè)計(jì)師是從統(tǒng)一個(gè)共享磁盤目錄載入庫(kù)文件的。這種方案庫(kù)文件名稱必須是固定的,可以通過(guò)手動(dòng)或主動(dòng)備份的方法記錄版本。共享磁盤和 FTP 可以設(shè)置權(quán)限,如許可以避免設(shè)計(jì)師修改庫(kù)文件,其他類型服務(wù)可能要考慮其他用戶寫入權(quán)限題目。
設(shè)計(jì)師和庫(kù)管理者通過(guò) Finder 的菜單 「前往」 – 「鏈接服務(wù)器…」,掛載磁盤或鏈接服務(wù)器,不同類型服務(wù)的地址,請(qǐng)參考 Apple 官方支持文檔。
要解決每次開(kāi)機(jī)手動(dòng)鏈接服務(wù)器的題目,可以設(shè)置開(kāi)機(jī)主動(dòng)鏈接。這個(gè)設(shè)置必要在鏈接服務(wù)器時(shí),勾選 「在我的鑰匙串記住此密碼」。
然后在 「體系便好設(shè)置」 – 「用戶與群組」 ,選擇當(dāng)前用戶的 「登錄項(xiàng)」,并將響應(yīng)的網(wǎng)絡(luò)硬盤加入列表中并保持選中。
庫(kù)管理者將庫(kù)文件放到網(wǎng)絡(luò)文件夾中,設(shè)計(jì)師會(huì)立即收到更新,此方案必要細(xì)致,權(quán)限題目、版本管理和備份等。
7. 使用云盤同步
使用類似 iCloud Drive,Google Drive,Dropbox 等云盤同步,這個(gè)方案必要考慮改服務(wù)的網(wǎng)絡(luò)題目,是否可以文件共享,是否有客戶端或體系集成的文件同步,是否有權(quán)限控制等等,最緊張的是文件必要同步到本地。假如處于保密考慮,則可能必要在內(nèi)網(wǎng)本身搭建例如 ownCloud / NextCloud 之類的云盤程序。某些云盤服務(wù)提供 WebDAV 功能,則可以使用上一種方案。
此方案也必要細(xì)致權(quá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)目,也必要細(xì)致版本管理和備份等題目。
Sketch 官方提供了兩個(gè)示例文檔。
- Elements UI Kit 添加到庫(kù)
- macOS UI Library 添加到庫(kù)
9. 使用 Abstract
Abstract 目前僅支持 Sketch 文件的版本控制,他包裝了一些 Git 版本控制體系的概念和流程,提供了一套設(shè)計(jì)師友愛(ài)的文件更新記錄、分支、合并等功能,采用這個(gè)方案必要所有團(tuán)隊(duì)成員都依靠于 Abstract 平臺(tái),并且有一套特別的工作體例,必要付費(fèi)才能開(kāi)通團(tuán)隊(duì)協(xié)作功能。類似的服務(wù)還有 Kactus 和 Plant,通常都是必要付費(fèi)的,這種方案適合必要多人共同管理庫(kù)文件的情況。
10. 使用版本控制體系同步
使用版本控制體系同步庫(kù)文件,必要搭建一個(gè)版本控制體系服務(wù)器,這個(gè)有些公司的可能已經(jīng)搭建好了,有些則付費(fèi)使用一些在線服務(wù)。另外要求團(tuán)隊(duì)中的設(shè)計(jì)師要比較了解版本控制體系客戶端的操作。雖然技術(shù)要求較高,但是可以很好的解決權(quá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 端管理程序,還附帶一些文檔管理、分支管理和題目跟蹤等功能,有些甚至可以處理一些主動(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ì)師使用的文件版本都是同等的。
這種方案瑕玷是對(duì)技術(shù)要求較高,除了主動(dòng)更新和加載庫(kù)保證設(shè)計(jì)師文件同等,當(dāng)團(tuán)隊(duì)中有較多成員和庫(kù)文件,這種方案的好處就會(huì)更加顯明。其他方案將文件分發(fā)給其他設(shè)計(jì)師的過(guò)程會(huì)出現(xiàn)一些題目,例如某些設(shè)計(jì)師并沒(méi)有在 Sketch 中載入精確的庫(kù)文件,或者沒(méi)有及時(shí)更新,另外有些設(shè)計(jì)沒(méi)有安裝精確的字體等等題目,都可以在插件中解決。另外插件還可以集成一些針對(duì)團(tuán)隊(duì)營(yíng)業(yè)特別需求或是腳手架的功能,用來(lái)進(jìn)步團(tuán)體的工作服從。
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 庫(kù)(上)》
本文地址:http://irelandcustomcontracting.com/tutorial/di4170.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏