隨着iOS7更新,風格走上扁平化,大部分iOS設計師及程序員都需要對自己的軟件做相關調整,尺寸、Icon、UI等等,我在這裏總結一下相關資料,以及提供一些關於iOS7設計素材。
一、Sizes of App UI Elements
二、App Icons
注:iOS 8需增加的所有尺寸ICON都在這裏
單位都是px
[email protected] 87*87
[email protected] 120*120
[email protected] 180*180
PS:所有icon png請在附件下載: icons png.zip
注:iOS 7需增加的所有尺寸ICON都在這裏
Icon.png 57*57
[email protected] 114*114
Icon-Small.png 29*29
[email protected] 58*58
Icon-Small-50.png 50*50
[email protected] 100*100
Icon-72.png 72*72
[email protected] 144*144
Icon-40.png 40*40
[email protected] 80*80
Icon-60.png 60*60
[email protected] 120*120
Icon-76.png 76*76
[email protected] 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
([email protected]) ([email protected])
Note that the [email protected] 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
([email protected]) ( [email protected])
注如果沒有status bar:
iPhone:
Default.png 320*480
[email protected] 640*960
[email protected] 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
二、App Icons
注:iOS 8需增加的所有尺寸ICON都在這裏
單位都是px
[email protected] 87*87
[email protected] 120*120
[email protected] 180*180
PS:所有icon png請在附件下載: icons png.zip
注:iOS 7需增加的所有尺寸ICON都在這裏
Icon.png 57*57
[email protected] 114*114
Icon-Small.png 29*29
[email protected] 58*58
Icon-Small-50.png 50*50
[email protected] 100*100
Icon-72.png 72*72
[email protected] 144*144
Icon-40.png 40*40
[email protected] 80*80
Icon-60.png 60*60
[email protected] 120*120
Icon-76.png 76*76
[email protected] 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
([email protected]) ([email protected])
Note that the [email protected] 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
([email protected]) ( [email protected])
注如果沒有status bar:
iPhone:
Default.png 320*480
[email protected] 640*960
[email protected] 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