记录一下iOS的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通


界面尺寸

设备

分辨率

状态栏高度

导航栏高度

标签栏高度

iPhone6 plus

1242×2208 px

60px

132px

147px

iPhone6

750×1334 px

40px

88px

98px

iPhone5/5s/5c

640×1136 px

40px

88px

98px

iPhone4/4s

640×960 px

40px

88px

98px

iPad3/4/Air/Air2/mini2

2048×1536 px

40px

88px

98px

iPad1/2

1024×768 px

20px

44px

49px

iPad mini

1024×768 px

20px

44px

49px

iOS设计规范_iphone

图标尺寸

设备

App Store

程序应用

主屏幕

spotlight搜索

标签栏

工具栏和导航栏

iPhone6 plus

1024*1024px

180*180px

144×144px

87×87 px

75*75px

66*66px

iPhone6

1024*1024px

120*120px

144×144px

58*58px

75*75px

44*44px

iPhone5/5s/5c

1024*1024px

120*120px

144×144px

58*58px

75*75px

44*44px

iPhone4/4s

1024*1024px

120*120px

144×144px

58*58px

75*75px

44*44px

iPad3/4/Air/Air2/mini2

1024*1024px

180*180px

144×144px

100*100px

50*50px

44*44px

iPad1/2

1024*1024px

90*90px

72*72px

50*50px

25*25px

22*22px

iPad mini

1024*1024px

90*90px

72*72px

50*50px

25*25px

22*22px

字体

iPhone 上的字体英文为: HelveticaNeue 至于中文,Mac下用的是黑体-简,Win下则为华文黑体,所有字体要用双数字号。

百度用户体验部做过一个小调查, 对于app字体大小的调查结论如下:

iOS设计规范_iphone_02