随着iOS7更新,风格走上扁平化,大部分iOS设计师及程序员都需要对自己的软件做相关调整,尺寸、Icon、UI等等,我在这里总结一下相关资料,以及提供一些关于iOS7设计素材。
一、Sizes of App UI Elements
二、App Icons
注:iOS 8需增加的所有尺寸ICON都在这里
单位都是px
Icon-Small@3x.png 87*87
Icon-40@3x.png 120*120
Icon-60@3x.png 180*180
PS:所有icon png请在附件下载: icons png.zip
注:iOS 7需增加的所有尺寸ICON都在这里
Icon.png 57*57
Icon@2x.png 114*114
Icon-Small.png 29*29
Icon-Small@2x.png 58*58
Icon-Small-50.png 50*50
Icon-Small-50@2x.png 100*100
Icon-72.png 72*72
Icon-72@2x.png 144*144
Icon-40.png 40*40
Icon-40@2x.png 80*80
Icon-60.png 60*60
Icon-60@2x.png 120*120
Icon-76.png 76*76
Icon-76@2x.png 152*152
三、Default (Launch) Image Sizes
iPhone
iPhone 4S 3.5" display iPhone 54" display
Non-retina 320 x 480 pixels N/A
(Default.png)
Retina 640 x 960 pixels 640 x 1136 pixels
( Default@2x.png ) ( Default-568h@2x.png )
Note that the Default-568h@2x.png image is required for an app to display in full-screen mode on the iPhone 5.
iPad
iPad - Portrait iPad - Landscape
Non-retina 768 x 1004 pixels 1024 x 748 pixels
(Default-Portrait.png) (Default-Landscape.png)
Retina 1536 x 2008 pixels 2048 x 1496 pixels
( Default-Portrait@2x.png ) ( Default-Landscape@2x.png )
注如果没有status bar:
iPhone:
Default.png 320*480
Default@2x.png 640*960
Default-568h@2x.png 640*1136
iPad:
Default-Landscape~ipad.png 1024*768
Default-Landscape@2x~ipad.png 2048*1536
Default-Portrait~ipad.png 768*1024
Default-Portrait@2x~ipad.png 1536*2048
四、used design elements
一、Sizes of App UI Elements
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_7403be639ffa4c3.png)
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_e470a886377d5d1.jpg)
二、App Icons
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_6e32e1e144cea77.png)
注:iOS 8需增加的所有尺寸ICON都在这里
单位都是px
Icon-Small@3x.png 87*87
Icon-40@3x.png 120*120
Icon-60@3x.png 180*180
PS:所有icon png请在附件下载: icons png.zip
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_8e73b65557b8936.png)
注:iOS 7需增加的所有尺寸ICON都在这里
Icon.png 57*57
Icon@2x.png 114*114
Icon-Small.png 29*29
Icon-Small@2x.png 58*58
Icon-Small-50.png 50*50
Icon-Small-50@2x.png 100*100
Icon-72.png 72*72
Icon-72@2x.png 144*144
Icon-40.png 40*40
Icon-40@2x.png 80*80
Icon-60.png 60*60
Icon-60@2x.png 120*120
Icon-76.png 76*76
Icon-76@2x.png 152*152
三、Default (Launch) Image Sizes
iPhone
iPhone 4S 3.5" display iPhone 54" display
Non-retina 320 x 480 pixels N/A
(Default.png)
Retina 640 x 960 pixels 640 x 1136 pixels
( Default@2x.png ) ( Default-568h@2x.png )
Note that the Default-568h@2x.png image is required for an app to display in full-screen mode on the iPhone 5.
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_8542779396233b8.jpg)
iPad
iPad - Portrait iPad - Landscape
Non-retina 768 x 1004 pixels 1024 x 748 pixels
(Default-Portrait.png) (Default-Landscape.png)
Retina 1536 x 2008 pixels 2048 x 1496 pixels
( Default-Portrait@2x.png ) ( Default-Landscape@2x.png )
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_6083420278fa1b9.jpg)
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_338958616e60786.jpg)
注如果没有status bar:
iPhone:
Default.png 320*480
Default@2x.png 640*960
Default-568h@2x.png 640*1136
iPad:
Default-Landscape~ipad.png 1024*768
Default-Landscape@2x~ipad.png 2048*1536
Default-Portrait~ipad.png 768*1024
Default-Portrait@2x~ipad.png 1536*2048
四、used design elements
![](http://cdn.cocimg.com/bbs/attachment/Fid_21/21_2069_7ddd61ae8261845.png)