iOS设计规范

 

记录一下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

图标尺寸

设备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字体大小的调查结论如下:

posted on 2016-01-19 16:16  yucaijiang  阅读(470)  评论(0编辑  收藏  举报

导航