1、所以我舉例子是用App Icon Template40演示，相應(yīng)的這種方法完全適用于普通小圖標(biāo)的切圖，目前AI切圖自己搜索出來的方法，高人。

2、根據(jù)程序這張APPicon圖我整理成以下信息因?yàn)楝F(xiàn)在他們幾乎不考慮1x的圖了，所以這里都是2x3x的尺寸，當(dāng)然如果有需要1x的圖。

3、PxCook 目前我還沒用上Mac，所以也不知道傳說中的Sketch到底多神奇PxCook在Windows上標(biāo)注還比較順手Parker Parker能夠自動計(jì)算尺寸距離文字大小陰影等信息，并按照你的需要進(jìn)行標(biāo)注， 它極大節(jié)省你標(biāo)注的時間Assistor PS 也是一款PS的切圖標(biāo)注插件，也被譽(yù)為神器我使用了下，感覺相當(dāng)不錯，就是標(biāo)注還沒太適應(yīng)，推薦一下這個。

4、項(xiàng)目立項(xiàng) 完善的公司會把項(xiàng)目相關(guān)人員聚集起來，產(chǎn)品經(jīng)理會把產(chǎn)品詳細(xì)的用原型展示出來，包括產(chǎn)品定位，市場需求，主打賣點(diǎn)Photoshop 現(xiàn)在常用的幾種設(shè)計(jì)尺寸 1 640*960 4時代的尺寸，剛接觸APP設(shè)計(jì)用的是這個尺寸頁面標(biāo)注 標(biāo)注是重中之重，工程師能不能完整的還原設(shè)計(jì)稿，很大一部分取決于標(biāo)注如果不清楚你該怎么標(biāo)。

5、一款A(yù)PP設(shè)計(jì)的從0到1之切圖標(biāo)注篇今天主要說的是關(guān)于如何更快更高效的輸出APP Icon，不包含界面內(nèi)的其他圖標(biāo)，很大一。

6、凡是要響應(yīng)點(diǎn)擊或者其他事件的部分應(yīng)該盡量和屏幕四周的邊框保持一定的距離如果你非得把這部分放在屏幕邊上，那么最好放大操作區(qū)域背景和內(nèi)容的對比度一定要合適作為有美術(shù)基礎(chǔ)的都知道這點(diǎn)，但是很多時候在設(shè)計(jì)的時候就犯這樣的錯 你的設(shè)計(jì)一定要考慮到使用環(huán)境盡量少用對話框尤其是網(wǎng)頁中都會有很多的對話框。

7、在進(jìn)行APP切圖的前，需要做以下6點(diǎn)1和客戶端的技術(shù)溝通好，用不同的框架來實(shí)現(xiàn)的時候，圖會有不一樣的切法例如Tabbar。

8、語義明確 語義還不明確的情況下就開始細(xì)化，會做很多無用功，我們做一個系列的東西一定要看一下整體是否自洽，是否表達(dá)了文字要表達(dá)的含義從柵格開始 我們選擇了更加適當(dāng)?shù)膇con，之后開始更加嚴(yán)格的規(guī)范icon這就需要一個輔助工具柵格移動端主要是安卓和蘋果像素級的精確 當(dāng)創(chuàng)建小尺寸icon時，像素級對齊是非常重要的小尺寸icon的抗鋸齒渲染邊緣會看起來模糊。