首页 > 代码库 > iPhone、iPad、iPadMini界面设计标准
iPhone、iPad、iPadMini界面设计标准
一:iPhone
4.0‘ Display: iPhone 5、iPhone 5S、iPhone 5C。 分辨率:1136 * 960
设计标准参照下图iPhone5
3.5’ Display: iPhone4S、iPhone4、iPhone3GS(非Retina屏) 分辨率: 960 * 640
设计标准参照下图iPhone4S
3.5’ Display 非Retina:iPhone3GS 分辨率:480 * 320
设计标准参照下图iPhone3GS
二:iPad
9.7‘ Display: iPad Air、iPad 4、The New iPad 分辨率: 2048 * 1536
设计标准参照下图iPad 3
9.7‘ Display 非Retina: iPad 2 分辨率:1024 * 768
设计标准参照下图iPad 2
三:iPadMini
7.9’ Display: iPadMini 2 分辨率:2048 * 1536
7.9’ Display 非Retina: iPadMini 分辨率:1024 * 768
设计标准参照下图iPadMini
下面图片内容更正:
1. iPhone5、iPhone4S 的Nav bar Button 应为 96 pt * 64 pt
2. iPhone4 应为 iPhone3GS,其中的Nav Bar button 应为 48 pt* 32 pt
3. iPad 3 的Status Bar 应为 1536 pt* 40 pt 、Navgation Bar 应为 1536 pt * 88 pt 、Tab Icon 应为 60 pt * 60 pt
Nav Bar Icon 应为 40 pt * 40 pt 、Nav Bar Button 应为 96 pt * 64pt 、Tab Bar 应为 1536 pt* 98 pt
4. iPad 2 的Nav Bar Button 应为 48 pt * 32 pt.
必要图标参考:
Appstore图标:
iPhone、iPad:Retina 1024 pt * 1024 pt 非Retina 512 pt * 512 pt
主屏幕图标:
之前:
iPhone:Retina 114 pt * 114 pt 非Retina 57 pt * 57 pt
iPad:Retina 144 pt * 144 pt 非Retina 72 pt * 72 pt
现在:
iPhone:Retina 120 pt * 120 pt
iPad:Retina 152 pt * 152 pt 非Retina 76 pt * 76 pt
Setting图标:
iPhone 、ipod Touch、iPad:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt
Spotlight图标:
之前:
iPhone:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt
iPad:Retina 100 pt * 100 pt 非Retina 50 pt * 50 pt
现在:
iPhone 、ipod Touch、iPad:Retina 80 pt * 80 pt 非Retina 40 pt * 40 pt
内容参考:
http://www.cocoachina.com/gamedev/misc/2012/1221/5387.html?1358417632
http://www.cocoachina.com/appstore/top/2012/1105/5031.html?1358417883
进阶推荐:
IOS Human Interface Guidelines: Designing for IOS 7