先說(shuō)最基本的，在 中，一個(gè)項(xiàng)目的所有界面通?？梢苑旁谝粋€(gè)畫(huà)布上，然后快捷鍵“A”就創(chuàng)建好了。

畫(huà)板。然后會(huì)出現(xiàn)一個(gè)項(xiàng)目的縮略圖，如下所示。

一開(kāi)始我使用640*1136作為繪圖的基本分辨率，但發(fā)現(xiàn)一個(gè)項(xiàng)目至少需要4組輸出。

雖然是純矢量圖，小圖直接放大不變形，但顯影圖還原后sketch 教程，經(jīng)常會(huì)發(fā)現(xiàn)

+效果與分辨率下略有不同。

其實(shí)750*1334的分辨率也是基于@2x（放大倍數(shù)）的，也就是說(shuō)切出來(lái)的圖片就可以用。

同一組。知道這一點(diǎn)很重要。

文件中還有一個(gè)切片工具，但我從來(lái)沒(méi)有用過(guò)它。相反，我在一個(gè)或另一個(gè)文件中創(chuàng)建一個(gè)新的畫(huà)布。

然后為每個(gè)圖標(biāo)、控件、背景圖片等繪制單獨(dú)的畫(huà)板。

需要注意的是1.畫(huà)板的背景顏色需要透明。

2.點(diǎn)擊最右側(cè)的“+”圖標(biāo)，根據(jù)需要輸出多少次，就點(diǎn)擊多少次“+”。

如果是以750*1334分辨率計(jì)算的話，一般只需要2組輸出，1x、1.5x即可。

3、選擇需要輸出的，點(diǎn)擊底部的，即可批量導(dǎo)出所有需要的剪切圖。

這里的 1.5x 是從哪里來(lái)的？

+ 有兩種顯示模式，標(biāo)準(zhǔn)像素分辨率為1242*2208，放大模式分辨率為1125*2201sketch 教程，放大模式

分辨率正好是1.5x的1.5倍，所以可以將1.5x圖像剪成+來(lái)使用。

同樣的，的xhdpi(720*1280)是(750*1334)的0.96倍，嚴(yán)格來(lái)說(shuō)需要是 xhdpi/

輸出兩套圖片。但其實(shí)對(duì)于xhdpi來(lái)說(shuō)使用@2x和@3x圖片是沒(méi)有問(wèn)題的。

切圖其實(shí)沒(méi)那么難，個(gè)人認(rèn)為切圖+標(biāo)注應(yīng)該不會(huì)占用你工作時(shí)間的1/10以上，如果條件允許，請(qǐng)放棄用PS切圖。

點(diǎn)個(gè)贊吧，下期我會(huì)寫(xiě)《原來(lái)貼標(biāo)簽只需要一步》。

第一次寫(xiě)教程，謝謝鼓勵(lì)。

如有侵權(quán)請(qǐng)聯(lián)系刪除！