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

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

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

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

2、命名規(guī)則

建議采用以下方法命名:

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

例子:new_icon_share_nor.png

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

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

3、常用命名單詞

切圖教程,分享一種高效切圖方法
<點圖片看大圖>

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

5、iPhone的3倍圖怎么切?

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

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