切圖教程，分享一種高效切圖方法(2)

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

2、命名規(guī)則

建議采用以下方法命名：

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

例子：new_icon_share_nor.png

說(shuō)明：最新_圖標(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è)后綴來(lái)進(jìn)行切圖的輸出，沒(méi)有的話就輸出不了。

3、常用命名單詞

<點(diǎn)圖片看大圖>

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

5、iPhone的3倍圖怎么切？

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