Sketch用于UI設(shè)計是很方便的,但是圖形設(shè)計在illustrator(AI)里面操作更方便黑忱。所以兩者之間的配合與互通宴抚,可以使工作變得更高效勒魔。
我之前都是通過復(fù)制粘貼或者拖拽,將AI文件轉(zhuǎn)移到sketch里面菇曲,顏色冠绢、尺寸也得單獨(dú)改動,費(fèi)時且費(fèi)力常潮。
哪里有困難哪里就會有大神伸出援助之手弟胀,所以,一個圖標(biāo)批量導(dǎo)入的sketch插件就誕生啦喊式。
其實(shí)作者在GitHub上已經(jīng)介紹很詳細(xì)了孵户。下面就說一下我在安裝與使用過程中遇到的一些需要注意的點(diǎn)吧。
安裝好插件后岔留,就開始試手了夏哭。
第一步:
首先要準(zhǔn)備SVG文件。注意哦献联,在用AI繪制圖標(biāo)時竖配,每一個圖標(biāo)一個畫板,且在導(dǎo)出SVG之前(用文件-->導(dǎo)出酱固,勾選畫板械念,而不是快速導(dǎo)出),要檢查圖層命名是否都為英文名稱运悲,出現(xiàn)中文名稱的話可能在導(dǎo)入sketch時會出現(xiàn)錯誤哦龄减。
第二步:打開sketch,導(dǎo)入圖標(biāo)班眯。
依次選擇“? Plugin --> Sketch icons --> Import icons;
之后就會出現(xiàn)這樣一個彈窗
Artboard size 就是設(shè)置導(dǎo)入圖標(biāo)時設(shè)置的畫板大邢M!;
Artboard padding 就是邊距署隘;
勾選? Convert to symbol的話宠能,導(dǎo)入的圖標(biāo)就會自動轉(zhuǎn)成Symbol;
Mask? 這一選項是用來給圖標(biāo)替換顏色的磁餐∥コ纾可以自己制作一份color mask,很簡單诊霹,在當(dāng)前文件中畫幾個不同顏色的矩形羞延,分別轉(zhuǎn)成symbol 就可以了。
導(dǎo)入成功后就是這樣的
想了解更多關(guān)于這個插件的高階功能的童鞋可以打開這個鏈接
https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2
感謝閱讀脾还,歡迎留言交流~