在完成app的UI設(shè)計(jì)后，我們一般需要為app設(shè)計(jì)一個(gè)圖標(biāo)，不僅要從設(shè)計(jì)的角度推導(dǎo)出app的用途，還要遵守平臺(tái)的規(guī)范。 iOS和都有自己的標(biāo)準(zhǔn)，你我都知道sketch icon邊框范圍，國(guó)外基本沒(méi)有純種。 許許多多的設(shè)計(jì)師紛紛效仿，將 iOS 圖標(biāo)甚至 UI 搬到了互聯(lián)網(wǎng)上。

幸運(yùn)的是，這些毛病正在逐漸好轉(zhuǎn)。 無(wú)論如何，建議先基于基礎(chǔ)圖形設(shè)計(jì)App的Icon，不考慮容器、背景色、邊框等。確定我們的基本形狀和顏色，然后在iOS或市場(chǎng)和桌面上看效果。

那么，當(dāng)你完成了基礎(chǔ)設(shè)計(jì)之后，如何擴(kuò)展到兩大平臺(tái)的規(guī)格，輕松輸出各種規(guī)格呢？

其實(shí)你聽(tīng)說(shuō)過(guò)圖標(biāo)規(guī)范輔助線，沒(méi)錯(cuò)，就是這個(gè)東西，它可以幫你把圖形填充到符合規(guī)范的范圍內(nèi)。 在此基礎(chǔ)上，使用這兩個(gè)模板可以快速輸出平臺(tái)需要的規(guī)范。

兩側(cè)安卓輔助線，兩側(cè)iOS輔助線

幸運(yùn)的是，這些毛病正在逐漸好轉(zhuǎn)。 無(wú)論如何，建議先基于基礎(chǔ)圖形設(shè)計(jì)App的Icon，不考慮容器、背景色、邊框等。確定我們的基本形狀和顏色sketch icon邊框范圍，然后在iOS或市場(chǎng)和桌面上看效果。

所以，當(dāng)你到達(dá)這一點(diǎn)時(shí)，將你的設(shè)計(jì)放在這條指導(dǎo)線上，比如跟隨斜線，跟隨圓圈，跟隨最大和最小范圍，跟隨圓角正方形。

有建議：圖標(biāo)不需要背景色，提供透明底的png； iOS 需要具有直角和背景顏色的 png。 是的，你沒(méi)看錯(cuò)，是直角，不是圓角。

那么，這個(gè)模板是如何幫助小白提高效率并提供正確尺寸的呢？

這個(gè)神奇的東西用在這里，用來(lái)做神奇的事情。 其實(shí)這個(gè)你大可不必?fù)?dān)心，你只需要將你的圖形放入畫(huà)板，然后返回到畫(huà)板（），就可以看到你的圖標(biāo)已經(jīng)準(zhǔn)備好了。

模板中的背景色和輔助線只是用來(lái)幫助我們?cè)O(shè)置燈光和看效果，實(shí)際導(dǎo)入時(shí)需要隱藏。

前面三個(gè)動(dòng)畫(huà)簡(jiǎn)單演示了如何從iOS模板批量生成多個(gè)規(guī)范。 剩下的工作就是選擇這種畫(huà)板，直接輸出一張1-fold的圖片。 模板是一樣的。

那么，要不要把這兩個(gè)模板文件變成真正的模板呢？ 之后你可以從File-中選擇一個(gè)模板，直接從模板中創(chuàng)建，避免不小心直接更改你的模板文件的尷尬。

下載完這兩個(gè)模板文件后，不用任何操作，一一打開(kāi)，點(diǎn)擊底部菜單的文件-保存即可。

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