iOS APP圖標(biāo)設(shè)計(jì)參考圖表大全|APP設(shè)計(jì)教程

我們做APP設(shè)計(jì)的,你們真正知道iOS app 圖標(biāo)的圓角半徑是多少嗎? 你們有沒有去研究過蘋果的樣板呢?比如iPhone 4和4S的設(shè)備使用高分辨率Retina顯示屏的其他設(shè)備兩倍的像素密度。尺寸也可以為iPad不同,這些都表明,在適用的情況下。

在互聯(lián)網(wǎng)上很多人也問過,也回答過,都是各抒己見!為了解決這個(gè)iOS app 圖標(biāo)的圓角半徑是多少的問題,25學(xué)堂老譚特地從國外網(wǎng)站翻譯過來這樣的一些比較權(quán)威性質(zhì)的設(shè)計(jì)參考圖表。

下面就是iOS APP圖標(biāo)設(shè)計(jì)參考圖表:

ios-app3

ios-app2

ios-app1

更多其他平臺(tái)的圖表尺寸:http://iconhandbook.co.uk/reference/chart/

下面是文字版的

應(yīng)用程序圖標(biāo)

57px - 10px的直徑

72px - 12PX?(新iPad)

114PX - 20像素?(iPhone 4 +)

144px - 24PX?(iPad的3 +)與后綴of@2x.png的Retina顯示屏。PNG?名稱圖標(biāo)

不要包括藝術(shù)品的圓角半徑,要知道,這部分被裁剪

的Web Clip圖標(biāo)

57px - 10px的直徑

72px - 12PX?(新iPad)

114PX - 20像素?(iPhone 4 +)

144px - 24PX?(iPad的3 +)apple-touch-icon-precomposed.png

apple-touch-icon-72x72-precomposed.png

apple-touch-icon-114x114-precomposed.png

apple-touch-icon-144x144-precomposed.png這些都顯示在主屏幕上保存書簽。離開過?“預(yù)作”的文件名 ??部分,如果你想的iOS添加光澤覆蓋

圖標(biāo)手冊(cè)獲取更多信息,請(qǐng)參見第3章。

文件圖標(biāo)

22x29px?

44x58px(iPhone 4 +)

64PX(新iPad 1-2)

128PX(iPad的3 +)PNG。這些圖標(biāo)將覆蓋在頂部的是標(biāo)準(zhǔn)的文件圖標(biāo)(白紙),因此奇數(shù)體積的。iPad擁有44x59px的安全區(qū)域。

設(shè)置圖標(biāo)

29px -加入5px 0?

58px - 10PX?(視網(wǎng)膜顯示)PNG。非Retina顯示屏的iPad 1-2的尺寸相同,雖然最終的視覺此圖標(biāo)的大小48x48px為1px的作品每邊的iOS修剪和增添了陰影。

Spotlight搜索結(jié)果圖標(biāo)

29px -加入5px 0?

50px的- 10px的?(新iPad 1-2)

58px - 10px的?(iPhone 4 +)

100px的- 20像素?(iPad的3 +)PNG。非Retina顯示屏的iPad 1-2的尺寸相同,雖然最終的視覺此圖標(biāo)的大小48x48px為1px的作品每邊的iOS修剪和增添了陰影。

工具欄和導(dǎo)航欄圖標(biāo)

20像素

40PX(視網(wǎng)膜顯示)PNG。iOS將使用alpha通道,為您的應(yīng)用陰影效果,所以不包括任何在你的作品的影子

標(biāo)簽欄圖標(biāo)

30PX?

60PX(視網(wǎng)膜顯示)PNG。

App Store的圖標(biāo)

512px/90px??

1024px/180px?(視網(wǎng)膜顯示)必須命名?iTunesArtwork PNG擴(kuò)展的情況下。App Store圖標(biāo)會(huì)降低應(yīng)用程序的上市176px廣場。iPad將采用此圖標(biāo)自定義圖標(biāo)文件的縮放版本,如果一個(gè)人沒有被提供。

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