iOS和安卓APP啟動(dòng)圖標(biāo)的尺寸和圓角大小詳解

今天在APP設(shè)計(jì)交流群里,又有不少的初學(xué)的APP設(shè)計(jì)小伙伴都在問ios端和安卓端的啟動(dòng)圖標(biāo)尺寸大小和圓角半徑大小。

第一部分:我們先來看看iOS端的圖標(biāo)的尺寸和圓角大小詳解

A、iOS6和之前版本,應(yīng)用圖標(biāo)的半徑都可以通過四分之一圓角繪制出來。512px大小的使用90px圓角,114px使用20px圓角;iPad下圖標(biāo)72px使用12px圓角等等。

B、iOS7下圓角半徑是有一個(gè)公式,這個(gè)時(shí)候其實(shí)圖標(biāo)不是圓角了。

? ? ? iOS7圓角應(yīng)該采用計(jì)算公式:x^3+y^3=a 的三次曲線(G2連續(xù))

25學(xué)堂的小編建議各位使用現(xiàn)有的圖標(biāo)模板。

ios圖標(biāo)模板

最新iOS圖標(biāo)模板和iphone、ipad GUI設(shè)計(jì)模板2015

 

第二可以參照下面的蘋果手機(jī)全系的圖標(biāo)尺寸對(duì)照下:

蘋果手機(jī)-app圖標(biāo)的圓角半徑和尺寸大全

 

比較精確和接近的圓角半徑和圖標(biāo)尺寸如下:最右邊表示圓角半徑

Icon1024.png - 1024px -圓角半徑: 180px

Icon512.png - ? ?512px ? ?- 圓角半徑:89.825px

Icon.png - ? ? ? ? ?57px ? ? ?-圓角半徑: 10px

Icon@2x.png ?- 114px ? ? - 圓角半徑:20px

Icon-72.png ? - 72px ? ? ? -圓角半徑: 12.632px

Icon-72@2x.png ? ?- 144px ? ? -圓角半徑: 25.263

Icon-Small.png ? ?- 29px ? ? ? ?-圓角半徑:5.088

Icon-Small@2x.png ? ?- 58px ? ? ?- 圓角半徑:10.175

 

詳細(xì)地址參照:http://iconhandbook.co.uk/reference/chart/ios/

 

第二部分:android 啟動(dòng)圖標(biāo)的尺寸大小和圓角半徑大小規(guī)范

安卓啟動(dòng)圖標(biāo)尺寸和圓角

720*1280 px的安卓設(shè)計(jì)界面 對(duì)應(yīng)的啟動(dòng)圖標(biāo)尺寸是 96px*96px ?圓角約等于18px

1080*1920px的安卓界面設(shè)計(jì) 對(duì)應(yīng)的啟動(dòng)圖標(biāo)尺寸是144px ?144px ? 圓角約等于25px

參考網(wǎng)址:http://iconhandbook.co.uk/reference/chart/android/

每天更新,
全站高品質(zhì)素材免費(fèi)下載!