IOS 界面UI 屏幕各个版本分辩率尺寸设计篇

设计篇
随着iOS7更新，风格走上扁平化，大部分iOS设计师及程序员都需要对自己的软件做相关调整，尺寸、Icon、UI等等，我在这里总结一下相关资料，以及提供一些关于iOS7设计素材。

一、Sizes of App UI Elements








二、App Icons

 



注：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


 





五、ICON template PSD and UI PSD


ICON template PSD：请下载附件ICON template.psd.zip 
http://www.cocoachina.com/bbs/read.php?tid=168878


IOS7风格应用界面模版 PSD：请下载附件iOS-7-UI-Components.zip 
iOS7 GUI PSD (iPhone)：http://www.teehanlax.com/tools/iphone/
iOS7  GUI PSD(iPad)：http://www.teehanlax.com/tools/ipad/


Icon搜索网址
http://www.cocoachina.com/bbs/read.php?tid=108395