切圖教程,分享一種高效切圖方法

2022-12-26 17:55:23 來源/作者: / 己有:22人學(xué)習(xí)過

切圖教程,分享一種高效切圖方法

這樣做的目的:一方面,方便自己以后查找;另一方面,方便咱們的開發(fā)工程師查找文件,因?yàn)橛袝r(shí)候是分工合作,需要第一時(shí)間找到對(duì)應(yīng)的文件。

2、命名規(guī)則

建議采用以下方法命名:

公式:模塊_類別_功能_狀態(tài).png

例子:new_icon_share_nor.png

說明:最新_圖標(biāo)_分享_正常.png

備注:2倍圖和3倍圖的時(shí)候需要在后面加2x、3x,以便明確這是幾倍圖,比如:new_icon_share_nor@2x.png new_icon_share_nor@3x.png;命名的下劃線一定要用“_”這個(gè)不能用“—”這個(gè),在安卓上面不支持,并且使用這個(gè)符號(hào)也不是很規(guī)范。.png絕對(duì)不能丟,因?yàn)镃C需要這個(gè)后綴來進(jìn)行切圖的輸出,沒有的話就輸出不了。

3、常用命名單詞

切圖教程,分享一種高效切圖方法
<點(diǎn)圖片看大圖>

4、切圖文件大小必須是偶數(shù),格式為PNG-24。

5、iPhone的3倍圖怎么切?

切圖教程,分享一種高效切圖方法

如圖所示,左邊是需要切的icon,右邊是命名,@2x圖和@3x圖,從圖中可以看到有一個(gè)紅框,剛開始肯定會(huì)納悶,@2x圖和@3x圖唯一的區(qū)別就是前面多了百分比150%,后綴變成了@3x,命名沒變,為什么是150%的比例而不是其他的?