我通常在交接工作時(shí)除源文件外蚊俺，還會(huì)把Icon切好打包發(fā)給研發(fā)弯屈。切圖主要有兩種方式，下面舉例說明来惧。
第一種 整套切圖
第一步：整理Icon
最好能將整個(gè)APP的Icon分組整理在一個(gè)文件中，這樣可以幫助自己規(guī)范樣式和尺寸心例，并直接在此文件中進(jìn)行細(xì)節(jié)優(yōu)化調(diào)整宵凌，減少因同一個(gè)圖標(biāo)在不同頁面反復(fù)出現(xiàn)，需進(jìn)行多次調(diào)整的情況契邀。
第二步：導(dǎo)出Icon
選擇所有畫板摆寄，點(diǎn)擊右下角［＋］加號(hào)，添加@2x坯门、@3x。（如果設(shè)計(jì)圖本身就是二倍圖逗扒，那么就添加@1x古戴、@1.5x）。點(diǎn)擊［Export Artboards］導(dǎo)出即可矩肩，建議導(dǎo)出到一個(gè)獨(dú)立的文件夾中现恼，或者導(dǎo)出前新建一個(gè)文件夾。不然結(jié)果會(huì)被嚇到黍檩！
技巧：
畫板命名方式可以幫助自己將導(dǎo)出的圖片分組歸類。
命名方式：名字/... /名字棵里，命名中間用英文“/”符號(hào)分割润文。默認(rèn)“/”最后一個(gè)是Icon名稱，之前的全是文件夾名稱殿怜，一層套一層典蝌。
第二種 單個(gè)切圖
第一步：選擇Icon
選擇要切的icon。將它復(fù)制粘貼到畫板外空白處头谜，這樣可以保證切的圖是無背景的效果骏掀。
第二步：導(dǎo)出Icon
選擇畫板外的Icon，點(diǎn)擊右下角［＋］加號(hào)柱告，添加所需要的icon倍數(shù)截驮。［Export Artboards］導(dǎo)出即可。
小結(jié)
切圖不應(yīng)該浪費(fèi)我們太多時(shí)間末荐，Sketch做到了侧纯。這兩種導(dǎo)圖方式分別適用于不同的工作場(chǎng)景。并且很多好的習(xí)慣可以幫助我們節(jié)省時(shí)間甲脏，比如命名方式眶熬。
