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.

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2t5bWluZ3N0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2t5bWluZ3N0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

必要图标參考：

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

版权声明：本文博客原创文章，博客，未经同意，不得转载。