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