由于新項目沒找到合適的UI設計師,決定親自上陣,潛心研習了一整天Sketch軟件,本文總結(jié)導出HTML文件和切片的方法鱼辙。
條件:電腦已安裝最新版Sketch應用程序廉嚼。
STEP1:下載Measure插件。下載網(wǎng)址:http://sketch.im/plugins/1倒戏,然后點擊打開前鹅,自動安裝,主要功能如圖所示(各個版本的插件可能有些不同):
STEP2:調(diào)出工具欄峭梳。點擊Plugins--Sketch Measure--Tools(工具欄)舰绘,如下圖所示:
STEP3:創(chuàng)建符號。選中待導出部分葱椭,點擊“Create Symbol”捂寿,命名后點擊確定,如下圖所示:
STEP4:切片孵运。選中需要切片的圖標秦陋,點擊“切片”按鈕,點擊“+”選定需要導出哪幾種規(guī)格的切片治笨,一般選5套驳概,0.5X,1X旷赖,1.5X顺又,2X,3X等孵,如下圖所示:
STEP5:導出HTML文件稚照。點擊“導出按鈕”,選擇待導出文件俯萌,如下圖所示:
STEP6:查看HTML文件果录。點開保存的文件夾,點開.html文件咐熙,如下圖所示:
STEP7:查看切片弱恒,點擊“assets”文件夾,可查看切片棋恼,如下圖所示: