自2016年初使用sketch做設計到現在有兩年8個多月了,期間對于各種界面的輸出規范變化不大。但是從開始使用的插件到現在變化倒是很大。
與開發伙伴配合歷程:手動導出標注切圖(markman)——插件Measure導出——嘗試Zeplin(放棄)——藍湖導出(正在使用)
說了這么多,梳理一下目前還在使用的插件吧
藍湖
作為替代了Measure的在線版第三方工具,還是非常方便的。sketch制作設計圖、原型,通過插件上傳至藍湖。便可以在藍湖設置各個界面之間的跳轉關系,雙擊效果圖還能夠查看各個元素的寬高等參數。
除此之外,藍湖還支持簡單的交互跳轉、團隊管理、項目管理。
優點:團隊不用自己搭建svn、gitlab等平臺就可以同步看到效果圖、原型圖,同時切圖也是可以下載iOS、Android、Web對應的尺寸,非常方便。缺點:對于網絡的依賴是100%,我也與朋友探討過安全性。官方的回復是,免費版的話就都混在一起放置在某服務器里,付費版則可以單獨存放于獨立的服務器里。
Measure
要說sketch解放了設計師的切圖的時間,那么于我而言,最大的功臣就是Measure了。初探此插件,直接在sketch源文件中,針對每一個界面標注。然后手動把icon命名,按照規范導出。對于手動標注來說,仍然是太費時了。隨著對插件的熟練使用,發現Measure有一鍵導出功能。可以直接將一系列界面集合并生成html文件。開發伙伴在查閱效果圖的同時,也能查看標注,下載切圖。標注支持iOS、Android、Web尺寸查看,由于流程關系,我仍然使用手動切圖導出的方式(當時使用gitlab同步切圖、標注效果圖)。
地址:https://github.com/utom/sketch-measure
Rename it
對于常常需要對圖層命名的設計師來說,是很高效的工具。Mac系統本身提供了批量重命名的功能,這款插件則是sketch的批量重命名幫手。畫板、文本、文件夾、圖形都可以批量命名,同時可以添加序列。
地址:https://github.com/rodi01/RenameIt
雨雀kitchen
阿里團隊出品的sketch插件,號稱“強大的sketch插件”。支持批量為圖形添加圖片、批量人名、示例文本等功能,最好的地方是中文輸出。之前使用Craft,有類似的功能,只是都是英文。然后使用JJYing開發的sketch“中文人名”的插件。
使用插件當時是希望效率的提升,機器能完成的事情人就不要參與了。于是,嘗試使用同步symbol的使用,可能總是科學上網導致的網絡不暢。同步symbol很是痛苦,于是放棄……
既然是阿里,怎么可以少了阿里媽媽的icon,雨雀集合了此功能!
地址:https://www.yuque.com/yuque/help/koe3wi
Craft
幾乎用sketch的都會安裝的經典中的經典的插件,支持批量為圖形添加圖片、批量人名、示例文本等功能。除了單機的功能,還有在線協作之類的,由于受到限制,對于國內來說,很雞肋……
優點:sketch必裝插件
缺點:英文,有些功能受到限制
地址:https://www.invisionapp.com/craft
Reduce
sketch體積壓縮工具。不要看幾十兆的sketch產出的文件小小的,他是慢熱型的,隨著內容的增加,sketch文件會越來越大。我試過4-500M的一個sketch文件……增加體積的一個是高清的圖片,一個是較大的元素。我喜歡一個page放幾十個artboard,移動端界面都是使用@1x的size進行制作。
地址:https://flawlessapp.io/reduce
Sketch Cache Cleaner
當然常常被使用的sketch會產生很多的緩存,這個插件可以幫助你清除掉它們。曾經我清理過5G左右的緩存~